Litespeed cache: the free alternative for the WP-Rocket plugin

LiteSpeed cache best settings and review

Litespeed is a free WordPress cache plugin that you can use on your WordPress website with all the premium features. 

But the most asked question on the web regarding this: Is the Litespeed cache plugin is better than WP-Rocket?

So, in this guide, I will share you with the complete comparison of Litespeed cache vs wp rocket

I will also share the best settings in the Litespeed WordPress plugin to better optimize your website speed performance.

So, before moving to the comparison & best settings configurations, letโ€™s understand some basics of caching and the advantages of using it on your WordPress website.

What is Cache & How does it work?

A cache is a high-speed data storage layer that store the frequently used data subset in a temporary file in the browser, so that future request of that data can be served faster.

Letโ€™s understand with an example. If you log in to a new website, it takes longer to load the page as all the data are downloaded directly from the server to your browser.

So, to minimize that time browser saves some temporary files called cache in your device. when you again log in to the website, the browser doesnโ€™t request all the files to the server and loads some regular files from its cache memory, and requests for dynamic contents only.

By Implementing the cache on your WordPress website you can drastically improve the speed for repeated customer and saves a lot of server bandwidth.  

As you know Page speed is very crucial for ranking on competitive keywords. Thatโ€™s why I prepared a detailed guide on how to improve core web vitals scores and give a better user experience.

What is LiteSpeed cache?

Litespeed Cache (LSCache) is a high-performance dynamic content acceleration feature of LiteSpeed server products. Most of the popular web hosting providers run on Litespeed servers like Hostinger, A2 Hosting, etc.

Litespeed vs WP-Rocket

As you know WP-rocket is an amazing cache plugin for WordPress with almost all premium features. But there is no free version of this plugin. It cost around $45 for 1 website & $99 for 3 websites with a time duration of 1 year.

But, most new bloggers donโ€™t afford the price for a single plugin in WordPress. Thatโ€™s why I will compare the LiteSpeed plugin with WP Rocket. 

1. Caching

FeaturesWP-RocketLiteSpeed
Static Full-Page Cacheโœ”โœ”
Browser Cache Supportโœ”โœ”
Private Cacheโœ–โœ”
Cache Separate Mobile Viewโœ”โœ”
Mobile / AMP Cacheโœ”โœ”
Tight Integration With Serverโœ–โœ”
Cache Logged-in Usersโœ”โœ”
Tag-Based “Smart Purge”โœ–โœ”
Exclude Selected URI’s from Optimizationโœ–โœ”

2. WordPress Optimization

FeaturesWP-Rocket LiteSpeed
HTML Minifyโœ”โœ”
Database Optimizationโœ”โœ”
Remove Query Stringsโœ”โœ”
Remove Google Fontsโœ”โœ”

3. CSS

FeaturesWP-RocketLiteSpeed
CSS Minify / Combineโœ”โœ”
CSS HTTP/2 Pushโœ”โœ”
Load CSS Asynchronouslyโœ”โœ”
Critical CSS (CCSS) Generationโœ–โœ”

4. JS optimization

FeaturesWP-RocketLiteSpeed
JavaScript Minifyโœ”โœ”
JavaScript Combineโœ”โœ”
JavaScript HTTP/2 Pushโœ–โœ”
Load JavaScript Deferredโœ”โœ”

5. Image Optimization

FeaturesWP RocketLiteSpeed
Image Optimizationโœ–โœ”
WebP Supportโœ–โœ”
Lazy Load Imagesโœ”โœ”
Lazy Load iframes (videos)โœ”โœ”
LQIP Placeholderโœ–โœ”

6. Others

FeaturesWP RocketLiteSpeed
CDNPAIDFREE
Plugin CostPAIDFREE
Support CostPAIDFREE/PAID
Image Optimization CostPAIDFREE

Now You knew the detailed feature comparison between WP-Rocket and LiteSpeed cache plugin in WordPress. It is interesting to know that despite LiteSpeed is a free plugin it provides almost all premium features.

It also supports Image optimization in two formats Lossy and Lossless. You can also Lazyload both images and videos for free. You can also take the advantage of webp format.

How do I install the LiteSpeed cache?

YouTube video

Step-1: Open the Plugin section of the WordPress dashboard and click on Add new button.

Step-2: Now search โ€œLiteSpeed cacheโ€ in the search bar.

Step-3: Click on the install button & then activate the plugin.

litespeed cache installation

Now you have successfully installed the Litespeed cache plugin to your WordPress website.

How to configure the Litespeed cache plugin?

1. General Setting:

To set up the Litespeed cache, click on the Litespeed menu in the sidebar of the WordPress dashboard.

Litespeed menu in WordPress dashboard

Now click on the Litespeed dashboard. You will see a notice on the top to set your domain key. Now click on that. 

domain key setup in LiteSpeed cache

Then you will be redirected to the general setting as shown in the below image. Now click on the โ€œRequest Domain Keyโ€ option. 

Now it will take some time to generate the key, so wait some time and refresh the page.

domain key request in lite speed

Now you can set the plugin for auto-update or keep it OFF. 

You can add the IP address of your server in the below section as shown in the image to use the inbuild CDN of the Litespeed cache. It will save some time in connecting the Ip address. Otherwise, leave it blank, so that it will connect to the site through the domain name.

General setting in litespeed cache WordPress

Now you have successfully completed the General setting. Save the settings before moving to the next step.

2. Cache

Now click on the โ€œcacheโ€ option on the left side menu of WordPress. 

Note: To use the cache function you need to have a lightspeed-based server. So, if your server is different then you can connect the website with the QUIC cloud in the general setting.

So, click the โ€œLink.QUIC cloudโ€ button as shown below and create a free account, and then proceed to the below cache settings.

How to Link to QUIC Cloud in litespeed cache

Ok, letโ€™s start the cache setting. 

If you are using the AMP plugin or your mobile version is different from Desktop [exclude responsive design] then click on โ€œcache mobile optionโ€.

Keep all the default settings and click on save changes and your 1st section of cache is completed.

Now you can skip the TTL, Purge, Excludes, ESI options to the default settings and Go to the object section.

Now in the Object option Scroll to the last and you will see the option โ€œCache Wp-Adminโ€ which is by default. So, if you face any problem in the WordPress login due to a cache issue then you can turn the setting OFF. So, for now, leave it ON and click on the Save button.

Cache WP-Admin-in litespeed cache plugin WordPress

Now Go to Browser cache setting [ just next to Object ] and turn this ON and click on the Save button.

Now in the Advanced setting, You will see an option called โ€œInstant Clickโ€, tun this on if you want to enable preload the pages of the links when a visitor hovers over a page link. It will significantly improve the loading of different menus and section of the page but it may consume more server bandwidth.

Now you have successfully completed the Cache settings in the Litespeed cache plugin.

3. CDN

If you want to use the LIght speed CDN [QUIC.cloud CDN] then you can turn this setting ON or you can integrate your Cloudflare CDN [content delivery network] with this plugin. 

So, to integrate Cloudflare you need to paste the Global API key, Email Address, and Domain name. 

integrate cloudflare cdn with litespeed cache

You can take the help of this video on how to generate a Cloudflare Global API key. [coming soon]

So, if you face any problems you can ask me in the comment section, I will help you as soon as possible. 

4.LiteSpeed Cache Image Optimization

If you want to optimize your Images using the Litespeed cache plugin then you can do this. Here You can optimize Images with two different methods. 

  1. Lossy
  2. Lossless

You can also take a backup of your original image, bulk optimize images, and more.

Image Optimization setting in litespeed cache plugin WordPress

Here are some additional features in Image optimization:

  1. Remove EXIF/XMP data
  2. Create WebP Versions
  3. WordPress Image Quality Control
  4. Bulk optimization
  5. Optimize thumbnails

If you want to use a dedicated Image Optimization plugin for your WordPress website then you can check the below article.

๐ŸŸฅ 5+ best image optimization plugin for WordPress [ detailed Review ] 

5. Page Optimization

The page Optimization section of Litespeed settings is very critical and a little bit tricky. So, you need to try the settings using the A/B testing method.

These settings may break some visual elements of your website so, check your website for any errors in every step. Then you will get an idea about which settings are working properly or not.

But I will share the best LiteSpeed Cache Page Optimization settings so, follow the steps carefully.

1.CSS setting

In the CSS settings Turn ON these settings:

  • CSS Minify
  • Load CSS Asynchronously
  • Generate Critical CSS
  • Inline CSS Async Lib
Page-Optimization-CSS-Setting [Litespeed cache]

Now Turn on CSS Combine and CSS Combine External and Inline options and check if there is any visual error on your website occur. If everything working fine then you can leave the setting ON. 

In some cases, these two settings may cause a problem, so use them according to your theme design compatibility.

Now save the setting and move to the next section.

2.JS settings

In the JS setting Turn ON the following settings:

  • JS Minify
  • JS Combine
  • JS Combine External and Inline
  • Load JS Deferred
Page-Optimization-JS Settings [ Litespeed cache ]

Here also check any visual error in Javascript and you can turn OFF JS combine setting to solve the problem. Or you can exclude any Java script from this. 

3. Optimization

In the optimization setting, you can turn ON HTML minify, Load Google Fonts Asynchronously, and Remove WordPress emojis [ Now the browser use system Emojis].ย 

Now you have more options in this tab like removing Google Fonts, DNS Prefetch Control, Remove Query Strings, etc. So, donโ€™t turn On these if you are not sure about it.

4. Media Settings

In the Media setting Turn On the following settings:

  • Lazy Load Images
  • Responsive Placeholder
  • Lazy Load Iframes
  • Inline Lazy Load Images Library
Page-Optimization-Media settings

Here You will get the option to lazyload both Images and videos for free. You can also set a responsive placeholder for images to minimize layout shifts. It helps you increase your core web vitals score.

๐Ÿ“– Read more about โ€œWhat is Core Web Vitals & How to Improve them?โ€

In the โ€œMedia Excludesโ€ Tab you can exclude a specific file to follow the general rule set in the media setting Tab.

5. Localizations

Here in the Localization just turn ON โ€œGravatar Cacheโ€ and leave the rest settings to default. Now save the changes and move to the next section.

6. Tuning

In the Tuning settings of the Litespeed cache, you have the complete freedom to exclude a specific file or URL from applying the CSS, javascript, and other settings.ย 

Now we have completed the Page optimization sections of the Litespeed cache WordPress plugin. Almost all major settings are done. 

For more detailed Configurations you can check the Official website

Conclusion

There are several other settings like Database, crawler, and toolbox. So, donโ€™t change any settings here otherwise your website may break severely. So, it is wise to leave the default settings ON.

Now you can decide whether to Use the LiteSpeed cache [free] or WP-Rocket [paid] plugin for your WordPress website.

If you have any doubts ask me in the comment section and share this post with your Blogging community to appreciate this effort. Thank you.

Similar Posts

5 Comments

  1. Avatar of GetSocialGuide GetSocialGuide says:

    This is a fantastic post that contains a lot of useful information. I appreciate you writing on LiteSpeed Cache for WordPress since it’s really useful to us.

  2. Avatar of Dhruvir Zala Dhruvir Zala says:

    Hey Abhishek, this is a detailed guide. Litespeed cache plugin is great when combined with HOSTINGER as they use the same servers.

    Overall, it was a worthy read ๐Ÿ™‚

    1. Yes, Litespeed cache provide all premium features for free..and better than all free plugin…

Leave a Reply

Your email address will not be published. Required fields are marked *