HostleloBlogExplore hosting

LiteSpeed Cache setup for WordPress:a safe, step-by-step guide

Set up LiteSpeed Cache the safe way: check your server, prove a cache hit, pick a preset, optimise images and code one step at a time, and fix common breakages.

Cached page cards sit between a website window and a server, with a small speedometer and green check.
On this page

The short answer

LiteSpeed Cache's page cache needs LiteSpeed Web Server, OpenLiteSpeed, LiteSpeed Web ADC or QUIC.cloud CDN; its image and code optimisations work anywhere. Measure with PageSpeed Insights, enable the cache, and confirm X-LiteSpeed-Cache changes from miss to hit. Apply the Basic or Advanced preset, which backs up your old settings, turn on QUIC.cloud image optimisation, then add minify, deferred JavaScript and lazy loading one at a time, purging and testing menus, forms and checkout after each change.

LiteSpeed Cache can make a WordPress site dramatically faster, but only if you set it up in the right order. First confirm your server can use its page cache (it needs LiteSpeed Web Server, OpenLiteSpeed, LiteSpeed Web ADC or the QUIC.cloud CDN). Then switch the cache on, prove it works by looking for X-LiteSpeed-Cache: hit, apply a moderate preset, and add image and code optimisations one at a time, testing after each. Measure before and after with PageSpeed Insights, and you will know exactly what each change bought you.

A made-up example of the wrong order. Sana runs a recipe blog with a small shop for her e-books. She installs LiteSpeed Cache, picks the most aggressive preset, and her speed score jumps. Two days later readers report that the mobile menu does not open, and a customer says the cart keeps emptying. Sana has no idea which of the thirty settings caused it, so she switches everything off, and the site is slow again.

This guide takes the opposite approach: one layer at a time, each one checked. By the end you will have a fast site, a list of what is turned on and why, and a way to undo any single change.

What LiteSpeed Cache actually does

The plugin bundles several different speed tools under one menu. It helps to know which is which:

  • Page cache: saves the finished HTML of each page, so the next visitor gets it instantly instead of WordPress rebuilding it with PHP and database queries. This is the big win, and the part that needs a LiteSpeed server or QUIC.cloud.
  • Page optimisation: shrinks and reorganises CSS and JavaScript, and lazy-loads images. This works on any web server.
  • Image optimisation: compresses images and creates modern formats such as WebP through the QUIC.cloud service. It also works on any server.
  • Object cache: keeps the results of repeated database queries in memory using Redis or Memcached, if your host provides one. Useful for logged-in users, shops and admin screens, which the page cache cannot help as much.
  • Browser cache and CDN: tell browsers to keep static files, and optionally serve them from a content delivery network.

Think of a busy café. The page cache is having popular sandwiches already made and wrapped. Page optimisation is packing the bag more neatly. The object cache is keeping the ingredients prepped and within arm's reach. Each helps, but the pre-made sandwiches are what shorten the queue.

Check that your server supports the page cache

According to the plugin's WordPress.org page, the caching features need one of: LiteSpeed Web Server Enterprise with the LSCache module (v5.0.10 or later), OpenLiteSpeed (v1.4.17 or later), LiteSpeed Web ADC (v2.0 or later), or the QUIC.cloud CDN. Image optimisation, minification, object cache support, CDN integration and database tools work on any server.

The quickest check is to look at the server header your site sends:

curl -sI https://example.com/ | grep -i "^server"

If it says LiteSpeed, you are set. If it says Apache or nginx, the plugin's page cache will not work on that server unless you route the site through QUIC.cloud, although the other features still will. If you are on Hostlelo and unsure which web server your plan uses, ask support before you start.

Before you start

  • Measure first. Run your homepage and one typical inner page through PageSpeed Insights and note the results. Google's documentation explains that its lab data comes from a simulated load on one device, while field data reflects real visitors over time, so the two can differ. For Core Web Vitals, Google's targets for a good experience are Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less.
  • Back up the site, files and database, so you can roll back.
  • Remove other page cache plugins. Two page caches fighting over the same pages cause confusing results. Keep one.
  • Note your important journeys: menu, search, contact form, login, cart and checkout. You will retest these after every change.
  • Use a staging copy if you have one, especially for a shop.

Step 1: Install the plugin and switch on the cache

  1. In WordPress, go to Plugins > Add New, search for "LiteSpeed Cache", click Install Now, then Activate.
  2. Go to LiteSpeed Cache > Cache, open the Cache tab, and make sure Enable Cache is ON. Save.

The documentation calls Enable Cache the final step required to turn on caching. Turning it off later purges everything cached.

Step 2: Prove the cache is working

Open your site in a private browser window (logged out), press F12, open the Network tab, reload, click the first request (the page itself) and look at the response headers. Or use the command line, running the same command twice:

curl -sI https://example.com/ | grep -i "x-litespeed-cache"
curl -sI https://example.com/ | grep -i "x-litespeed-cache"

The first request should usually say X-LiteSpeed-Cache: miss (the page was not cached yet), and the second X-LiteSpeed-Cache: hit. LiteSpeed's documentation notes you may see X-QC-Cache if you use QUIC.cloud CDN, or X-LSADC-Cache on LiteSpeed Web ADC.

Why this matters: if you never see a hit, nothing else in this guide will give you the big page cache improvement. Fix this first (see Troubleshooting).

Step 3: Start from a preset, not from scratch

Go to LiteSpeed Cache > Presets. The plugin offers five standard presets, and LiteSpeed's documentation describes who each is for:

  • Essentials: default cache, higher TTL and browser cache. For beginners.
  • Basic: adds image optimisation and mobile cache. For enthusiastic beginners.
  • Advanced: adds minification, font optimisation, JavaScript deferment and more. For people comfortable adjusting settings.
  • Aggressive: adds CSS and JavaScript combining, asynchronous CSS and unique CSS. For people who enjoy experimenting.
  • Extreme: adds image lazy loading, viewport images and inline CSS and JavaScript combining. For "optimization experts; fearless explorers."

For most business sites, start with Basic or Advanced. When you apply a preset, the plugin backs up your old settings, and you can go back from the History section if something breaks. That safety net is the reason to use presets.

After applying one, purge the cache (Step 8), then test your important journeys.

Step 4: Review the cache settings that matter

Under LiteSpeed Cache > Cache, most defaults are sensible. A few are worth understanding:

  • Cache Logged-in Users: stores pages in a private cache per visitor session. Leave it off for an ordinary site; consider it for membership sites where most visitors are logged in, and test carefully.
  • Cache Mobile: keeps separate copies for mobile and desktop. You only need it if your theme sends different HTML to phones, or if a setting tells you it is required. Most modern responsive themes do not need it.
  • Excludes: pages that must never be cached. For WooCommerce, LiteSpeed's documentation says the Cart, Checkout and My Account pages are excluded automatically. Add any other personal pages here, such as a custom account dashboard.
  • Browser: turn on browser cache so returning visitors reuse images, CSS and JavaScript.
  • TTL: how long pages stay cached. The defaults are fine; the plugin purges pages automatically when you update them.

Step 5: Switch on QUIC.cloud and image optimisation

Images are often the heaviest part of a page, so this step usually pays off well.

  1. Go to LiteSpeed Cache > General and click Enable QUIC.cloud services. LiteSpeed's documentation notes that QUIC.cloud's server IPs must be allowed through any firewall or security plugin, or the services cannot reach your site.
  2. Go to LiteSpeed Cache > Image Optimization and click Send Optimization Request. The service starts with small batches and increases them once communication works.
  3. In the image optimisation settings, turn on Auto Request Cron so new uploads are optimised automatically, and turn on the option that creates and serves WebP (or AVIF) versions. Setting names have changed between plugin versions, so look for the one mentioning WebP or next-generation formats.
  4. Leave Remove Original Backups off. The documentation warns that it deletes your original images after optimisation, permanently.

The standard queue is free; LiteSpeed says the faster queue has a free monthly quota with paid top-ups.

Step 6: Add page optimisations one at a time

This is where sites break if you rush. Open LiteSpeed Cache > Page Optimization and work through these in order, purging the cache and testing your journeys after each one:

  1. CSS Minify and JS Minify (CSS Settings and JS Settings tabs): remove spaces and comments. Low risk.
  2. Load JS Deferred (JS Settings): runs JavaScript after the HTML has loaded. Good for speed, but test menus, sliders, forms and analytics. Delayed waits for the visitor to interact, which is faster still but more likely to break things.
  3. Lazy Load Images (Media Settings): images load as they scroll into view. Exclude your main above-the-fold image (often the hero banner or logo), because lazy-loading the largest visible image can make Largest Contentful Paint worse. Use the lazy-load exclusion settings for that.
  4. CSS Combine and JS Combine: merge files into one. Riskier, and LiteSpeed warns that if disk space fills up quickly afterwards, your theme may be inserting a random string into its code, creating endless new combined files.
  5. Load CSS Asynchronously and Generate UCSS: advanced options that use QUIC.cloud to generate critical and unique CSS per page. Powerful, but they use quota and disk space on large sites.

The plugin's own advice is blunt: test these options thoroughly before enabling them on a production site, and purge the cache after every change. If one setting breaks something, turn just that one off, or exclude the offending file in the Tuning tab.

Step 7: Add an object cache if your host offers one

If your hosting provides Redis or Memcached, go to LiteSpeed Cache > Cache > Object, choose the method, and enter the host and port your provider gives you (Memcached commonly uses localhost and port 11211). Save, and check that the connection status shows as working before relying on it.

LiteSpeed's documentation is clear that the plugin does not provide object caching itself; it connects to a service on the server. If your host does not offer one, skip this step. Page caching matters far more for most small sites.

Step 8: Purge the right cache at the right time

The plugin purges affected pages automatically when you publish or update content. You need manual purges mainly after changing settings or your theme.

  • The admin bar: the LiteSpeed icon at the top of your dashboard has quick purge options.
  • LiteSpeed Cache > Toolbox > Purge: targeted options such as Purge Front Page and Purge Pages, separate buttons for the page cache and for CSS and JavaScript, and Purge By... for specific URLs, post IDs, categories or tags. Purge All clears most caches at once.

If you use a CDN such as Cloudflare in front of the site, purge that too when changes do not appear.

Before you change many settings, use Toolbox > Import / Export to export your configuration. LiteSpeed notes that resetting settings is permanent, so an exported copy is your undo button.

Step 9: Measure again

Run the same pages through PageSpeed Insights and compare with your baseline. Look at the specific metrics, not only the score. If Largest Contentful Paint is still slow, look at the main image and the server response time. If layout shift is high, check images without set dimensions and late-loading fonts or banners.

Keep a short note of what is turned on and why. The next person to touch the site, or you in six months, will thank you.

A sensible starting setup for a small business site

  • Enable Cache: on, with a confirmed hit header.
  • Preset: Basic or Advanced.
  • Browser cache: on.
  • Image optimisation: QUIC.cloud enabled, auto requests on, WebP serving on, original backups kept.
  • CSS and JS Minify: on.
  • Load JS Deferred: on, after testing menus and forms.
  • Lazy Load Images: on, with the hero image excluded.
  • Combine, UCSS, Guest Mode: off until you have a reason and time to test.
  • Object cache: on only if your host provides Redis or Memcached.

Troubleshooting

There is no X-LiteSpeed-Cache header at all

Check the server header first; if it is not LiteSpeed, the page cache cannot work without QUIC.cloud. Also confirm Enable Cache is on, that you are testing logged out, and that the page is not excluded. Another caching plugin or a security plugin can also interfere.

The header always says miss

The page may be personalised by a cookie or query string, or excluded. Test a simple page such as your About page. If a plugin sets a cookie for every visitor, it can stop pages being cached.

The layout looks broken after enabling optimisations

Usually CSS Combine, asynchronous CSS or unique CSS. Turn the most recent setting off, purge, and check again. Your preset history can roll back a whole preset in one go.

Menus, sliders or forms stopped working

Usually JavaScript combining, deferring or delaying. Turn off the last JavaScript setting you changed, or add the affected script to the exclusions in Page Optimization > Tuning.

The WooCommerce cart does not update properly

The plugin page notes that with some WooCommerce themes the cart may not update correctly. Check that cart, checkout and account pages are excluded, review the plugin's WooCommerce settings tab, and test with a default theme to see whether the theme is the cause.

Changes do not appear after editing

Purge the page from the admin bar, then purge any CDN, then test in a private window. Browser cache can also hold old CSS until you refresh.

Image optimisation never progresses

The QUIC.cloud servers cannot reach your site. Allow their IP addresses in your firewall or security plugin, and check that the site is publicly reachable.

Disk space fills up quickly

Turn off CSS and JS Combine and UCSS, purge CSS/JS in the Toolbox, and check whether the theme adds random strings to its files, as LiteSpeed's documentation warns.

The one message worth forwarding

Send this to your developer or hosting support:

"We want to set up LiteSpeed Cache on our WordPress site. Can you confirm our server runs LiteSpeed with LSCache enabled, whether Redis or Memcached is available (with host and port), and whether any firewall needs QUIC.cloud's IP addresses allowed? We plan to start with the Basic or Advanced preset and add optimisations one at a time."

The takeaway: confirm a LiteSpeed server, prove you get a cache hit, start from a moderate preset, add optimisations one by one with testing, and measure before and after.

Reader questions

Does LiteSpeed Cache work on Apache or Nginx?

Its page cache needs LiteSpeed Web Server, OpenLiteSpeed, LiteSpeed Web ADC or QUIC.cloud CDN. Image optimisation, minification, object cache support and CDN integration work on any web server.

How do I know LiteSpeed Cache is working?

Load a page logged out and check the response headers. The first request usually shows X-LiteSpeed-Cache: miss and a reload shows X-LiteSpeed-Cache: hit. QUIC.cloud and Web ADC use X-QC-Cache and X-LSADC-Cache.

Which LiteSpeed Cache preset should I use?

Start with Basic or Advanced on most business sites. Aggressive and Extreme add combining, unique CSS and lazy loading that are more likely to break layouts. Applying a preset backs up your old settings.

Does LiteSpeed Cache cache the WooCommerce cart and checkout?

No. LiteSpeed's documentation says Cart, Checkout and My Account pages are excluded automatically. Test the cart after changes, because some themes need extra attention.

Is QUIC.cloud image optimisation free?

LiteSpeed says the standard queue is free with unlimited usage, while the faster advanced queue has a free monthly quota and paid top-ups through a QUIC.cloud account.

Why did my menu or slider break after enabling LiteSpeed Cache?

Usually a JavaScript optimisation such as combine, defer or delay. Turn off the last setting you changed, purge the cache, or exclude the affected script in Page Optimization Tuning.

Do I need Redis or Memcached for LiteSpeed Cache?

No. The object cache is optional and only works if your host provides Redis or Memcached. The page cache gives most small sites the biggest improvement.

Sources & further reading

  1. LiteSpeed Cache on WordPress.org
  2. LiteSpeed docs: Installation and verifying the cache
  3. LiteSpeed docs: Presets
  4. LiteSpeed docs: Cache settings
  5. LiteSpeed docs: Page Optimization
  6. LiteSpeed docs: Image Optimization
  7. LiteSpeed docs: General settings
  8. LiteSpeed docs: Toolbox
  9. Google: About PageSpeed Insights
  10. web.dev: Web Vitals

Originally published . About our editorial updates.

Your next project deserves a better foundation.

Explore hosting built for your next chapter.

Explore hosting