LiteSpeed Cache for WordPress optimise your WordPress website by having LiteSpeed Web Server cache your pages, which is significatly speeding up the loading time for each page.
Because LiteSpeed Cache for WordPress takes advantage of the LSCache technology built directly into LiteSpeed Web Server, it reduces overhead and is more efficient than the usual PHP-based caching plugins.
LiteSpeed is now available with our Performance, Reseller or Boost upgraded hosting plans!
Before configuring the LiteSpeed cache plugin, please make sure you've disabled any existing Caching plugin.
1) Once you have activate LiteSpeed in your cPanel, login to your WordPress Dashboard and go to Plugins >> Add New
Search for LiteSpeed Cache >> Install Now
Then, click on Activate to activate the plugin.
2) In your Dashboard go to Settings >> LiteSpeed Cache
In the LiteSpeed Settings section, you will see a number of optimisation settings for the plugin.There are lots of configuration options you can enable for the plugin, for more details click here.
Below we will review some recommended configuration options.
3) First, we will review the  General section.
Here you can Enable/Disable the LiteSpeed Cache Plugin and set different TTL values. You can use the default recommended values or extend them.
4) Let's move to  Cache and set Browser Cache to On.
This way, your website content will be stored locally in your users browser cache. This significantly improves your website loading speed.
There is no need to manually edit your .htacess file, since the plugin will automatically do it.
5) Next, enable the CSS Minify, CSS Combine and the CSS HTTP/2 Push options from  Optimize.
By enabling the CSS Minify and Combine options, your CSS code will be optimized and the CSS files size decreased, so that your website loads fatser.
The HTTP/2 Push is one of the performance features included in HTTP/2. It allows the web server to "push" content to the client ahead of time (before it is requested) as long as all the URLs are delivered over the same hostname and protocol. So, the CSS HTTP/2 Push will send the CSS file to the browser even before it is requested. This is a sgnificant option to help you improve your website performance.
HTTP/2 only works over secure encrypted connections, so you will need to have an SSL Certificate installed on your domain. Learn how to install a free Let's Encrypt Certificate on your domain and move an established WordPress website to HTTPS.
6) Enable JS Minify, JS Combine and HTTP/2 JS Push options from  Optimize.
By enabling the JS Minify and JS Combine options, your JS code will be optimized and the JS file size decreased, so that your website loads fatser. This works exactly the same as the CSS Minify and Combine.
The JS HTTP/2 Push will send the internal JS files to the browser before it has been requested.
7) Enable HTML Minify option from  Optimize.
This way, your HTML code will be optimized (extra white space characters, new line characters, and comments will be stripped from all HTML) in order to decrease the size of the HTML files.
8) Let's take a look at Load CSS Asynchronously and Load JSS Deferred options in the  Optimize tab.
These are two very useful features and will make a big difference to page loading speed.
However they are recommended for more advanced users/developers, since when CSS or JS is loaded deferred, it loads after the page has loaded. So this way for example, the CSS styles will only work once the page has loaded.
If you enable the Load CSS Asynchronously feature, you will need to specify which CSS styles are on the top of the page before you scroll, so that they can be seen when the page first loads. An easy way to find these out is with this tool.
Then, you can add the code of these styles in the Critical CSS Rules box in the  Tuning tab.
Regarding the Load JSS Deferred option, usually if it is enabled you should exclude JQuery.
Again, we advise to experiment with these features only if you are a technically advanced user or a developer.
9) Let's go to  Tuning and set Remove Query Strings to On.
This option strips the query string from static resources, since static resources with query strings may not be cached by browsers and proxy servers. Removing the strings allows them to be cached, which translates into a faster page load.
It has all the basic settings, plus:
- CSS Minify, Combine, HTTP/2 Push
- JS Minify, Combine, HTTP/2 Push
- HTML Minify
- Object Cache (Redis) configured, but not enabled. Once you import the settings file, just go to: LiteSpeed cache >> Settings >> Advanced >> change the USER in the Host field to your own cPanel user, then turn On:
10) Image Optimization
In your WordPress Dashboard navigate to LiteSpeed Cache -> Image Optimization.
You will see the LiteSpeed Image Optimization page:
The first time you visit this page, you will see a button Request Key. Press the button to obtain a key from the central server that it will use to process all of your future image optimization requests.
Once the key is obtained, your screen should look like the one shown above, and your API key will be listed (although most of it will be blocked out for security purposes).
Images Total: displays the total number of images present on your site.
Images Not Yet Requested: shows the number of images that has not been optimized yet.
Press the Send Optimization Request button to submit all of the unoptimized images for optimization.
Below the Image Information, you can see the proces of your current requests:
Images requested: how many images are being optimized
Images optimized and waiting to be pulled: how many images are optimized already and waiting to be pulled back into WordPress
Images optimized and pulled: shows how many images are completely processed
For more details on the image optimization, you can check the LiteSpeed Cache documentation.
12) Purging the Cache
Ideally, there should be very little actual cache management required if you have set your LiteSpeed Cache configuration properly. Still, sometimes you might want to take matters into your own hands for whatever reason.
To manage the cache manually, in your WordPress Dashboard go to LiteSpeed Cache -> Manage:
You will see the LiteSpped Cache Management page:
There are different options to purge your website cache - Purge Front Page (this will purge the cache of the front page only), Purge Pages (this button will purge all cache entries that belong to pages) and Purge CSS/JS Cache (this button will purge all mified/combined CSS/JS files).
You can also purge the cache for 403, 404 and 500 Error Pages.
The Purge All option will clear all cache entries related to your WordPress installation. Please note this option will not remove the cahce entries from any other WordPress caching plugins or applications.
By clicking on Empty Entire Cache button, you all of the cache entries for the entire site, including those entries from other web applications.
13) Finally, verify that LiteSpeed Cache is working on your website.
If you have any questions or need any assistance with setting up and configuring LiteSpeed on your website - just let us know!