WordPress + LiteSpeed + Cloudflare + QUIC.cloud CDN

1. LiteSpeed Cache Plugin (LSCWP) Settings

  • Install & activate LiteSpeed Cache plugin.
  • In Cache → Cache, enable:
    • Enable Cache: ON
    • Cache Logged-in Users: OFF (unless you run a membership site)
    • Cache Mobile: ON
  • In Cache → Purge, keep defaults. LiteSpeed will purge local cache when you update posts/pages.

2. Turn Off QUIC.cloud CDN

  • In LSCWP → General, set Use QUIC.cloud CDN → OFF.
  • That way, you’re not routing traffic through both Cloudflare and QUIC.cloud (which can break things).

3. Still Use QUIC.cloud for Optimization (Optional, Recommended)

Even if you don’t use its CDN, you can still use QUIC.cloud for:

  • Image Optimization (compresses images in background, WebP/AVIF support).
  • Critical CSS & LQIP (improves Core Web Vitals).

To do this:

  • Go to LiteSpeed Cache → General → Server IP → set it.
  • Then in LiteSpeed Cache → Image Optimization, request a QUIC.cloud API key.
  • Make sure General → Domain Key is active.

⚡ Important: This won’t interfere with Cloudflare, since it only processes resources, not live traffic.


4. Cloudflare Settings (the right way)

  • In Cloudflare DNS, keep your domain orange-clouded (proxied) → you get CDN, security, SSL.
  • In Cloudflare Caching → Configuration:
    • Set Caching Level → Standard.
    • Browser Cache TTL → Respect Existing Headers.
    • Page Rule (optional, but recommended): *example.com/wp-admin/* Cache Level: Bypass (Prevents Cloudflare from caching your WordPress dashboard.)
  • In Cloudflare Speed → Optimization:
    • Turn Rocket Loader OFF (it breaks WordPress/LiteSpeed sometimes).
    • Don’t use Cloudflare’s “Auto Minify” if you already use LSCWP’s minify. Let one system handle it.

5. LiteSpeed Cache + Cloudflare Sync

  • In LiteSpeed Cache → CDN, enable Cloudflare API.
  • Enter your Cloudflare API token (with “Zone: Cache Purge” permission).
  • This way, when LiteSpeed purges a page, Cloudflare will also purge it. ✅ No stale content.

🚀 Final Result

  • LiteSpeed Cache: Handles smart WordPress page caching on your server.
  • QUIC.cloud (partial use): Optional for image optimization + CSS only.
  • Cloudflare: CDN, SSL, DDoS protection, global cache.
  • No double-CDN conflicts (QUIC.cloud CDN is off).

Here’s how to set up Cloudflare + LiteSpeed Cache plugin (LSCWP) so they sync perfectly:


🔧 Step 1: Create a Cloudflare API Token for LiteSpeed Cache

  1. Log in to Cloudflare dashboard.
  2. Go to My Profile → API Tokens → Create Token.
  3. Use the “Custom Token” option.
  4. Permissions to grant:
    • Zone → Cache Purge → Edit
    • (Optional but useful) Zone → Settings → Read
  5. Zone Resources:
    • Select Include → Specific Zone → [yourdomain.com]
  6. Save the token — copy it (you won’t see it again).

🔧 Step 2: Add Cloudflare Token to LiteSpeed Cache

  1. In WordPress admin, go to LiteSpeed Cache → CDN.
  2. Enable Cloudflare API.
  3. Enter:
    • Email Address: your Cloudflare account email.
    • Global API Key (not recommended) OR API Token (recommended).
    • Domain: yourdomain.com
  4. Save settings.

Now, when LiteSpeed purges a page/post, Cloudflare will instantly purge the cached copy too — no more stale content stuck at Cloudflare’s edge. ✅


🔧 Step 3: Cloudflare Page Rules (Prevent WP Admin Caching)

In Cloudflare, go to Rules → Page Rules → Create Page Rule. Add these:

  1. For WordPress Dashboard: *example.com/wp-admin/*
    • Cache Level: Bypass
    • Disable Performance (optional)
  2. For Login Page: *example.com/wp-login.php*
    • Cache Level: Bypass

This ensures Cloudflare doesn’t try to cache your admin area or login page.


🔧 Step 4: Cloudflare Cache Settings

  • Caching → Configuration:
    • Caching Level: Standard
    • Browser Cache TTL: Respect Existing Headers
    • Always Online: optional
  • Speed → Optimization:
    • Rocket Loader → OFF (can break JS-heavy plugins)
    • Auto Minify → OFF if you already let LiteSpeed Cache handle minify. (Choose one system, not both.)

🚀 Summary

  • LSCWP does smart page caching.
  • Cloudflare delivers global CDN + security.
  • Cloudflare API token lets LSCWP clear Cloudflare cache automatically.
  • Page rules stop Cloudflare from messing with admin or login.

Here’s a tested LiteSpeed Cache (LSCWP) setup that works best with Cloudflare.

I’ll break it down by plugin sections.


🔧 LiteSpeed Cache Plugin Settings (Cloudflare setup)

1. General

  • Domain Key: Request & activate (needed for QUIC.cloud services if you want Image Optimization, CSS).
  • Server IP: Fill it in (your hosting IP). Helps QUIC.cloud talk to your server.
  • Guest Mode / Guest Optimization: Leave ON (improves first-time visits).

2. Cache

  • Enable Cache: ✅ ON
  • Cache Logged-in Users: ❌ OFF (unless membership site / forum).
  • Cache Commenters: ❌ OFF (can confuse users after posting).
  • Cache REST API: ✅ ON (faster WP API, Gutenberg).
  • Cache Login Page: ❌ OFF.
  • Cache Mobile: ✅ ON (use “Adaptive” if theme serves different mobile content).
  • Cache TTL (Time To Live):
    • Default Public Cache TTL: 604800 (7 days)
    • Front Page TTL: 604800 (7 days)
    • Feeds TTL: 0 (disable caching feeds to avoid issues).

3. Purge

  • Auto Purge Rules for Publish/Update: ✅ (Front Page, Home, Post, Categories, Tags).
  • Serve Stale: ✅ ON (serves stale content while fetching new).

4. Excludes

  • Add:
    • /wp-admin/*
    • /wp-login.php
      (Matches your Cloudflare bypass rules, so both layers skip admin).

5. Optimize

  • CSS Minify / Combine: ✅ ON
  • JS Minify: ✅ ON
  • JS Combine: ❌ OFF (can break sites, test carefully).
  • Load CSS Asynchronously: ✅ ON (with Critical CSS from QUIC.cloud).
  • Generate Critical CSS: ✅ ON (needs Domain Key).
  • HTML Minify: ✅ ON
  • Remove Query Strings: ✅ ON
  • Load JS Deferred: ✅ ON (except for jQuery if needed).

👉 Turn OFF Cloudflare’s Auto Minify to avoid double-processing.


6. Media

  • Lazy Load Images: ✅ ON
  • Lazy Load Iframes: ✅ ON (good for YouTube embeds).
  • Generate WebP Versions: ✅ ON (needs QUIC.cloud API).
  • Image WebP Replacement: ✅ ON
  • Image Optimization: Use QUIC.cloud (background processing).

7. CDN

  • Cloudflare API: ✅ ON (with your API token).
  • QUIC.cloud CDN: ❌ OFF (since Cloudflare is your CDN).

8. Advanced

  • Instant Click: optional (preloads links on hover).
  • Heartbeat Control: ✅ Reduce activity (saves server resources).
  • Browser Cache: ✅ ON

🔧 Cloudflare Matching Settings

  • Minify: OFF (let LSCWP handle).
  • Rocket Loader: OFF.
  • Page Rules: Bypass for /wp-admin/* and /wp-login.php*.
  • Cache TTL: “Respect Existing Headers”.

🚀 Result

  • LiteSpeed handles smart WordPress page caching + optimization.
  • QUIC.cloud (optional) handles image optimization & critical CSS only.
  • Cloudflare handles global CDN, SSL, security, DDoS.
  • No duplicate caching, no broken pages.

Here’s a step-by-step checklist you can literally follow in order to set up WordPress + LiteSpeed Cache + Cloudflare the clean way.


✅ WordPress + LiteSpeed + Cloudflare Setup Checklist

🔹 Step 1: Install & Prepare

  • Install and activate LiteSpeed Cache (LSCWP) plugin in WordPress.
  • Update WordPress, plugins, and themes.
  • Confirm your host is running LiteSpeed server (most do if they gave you LSCWP).

🔹 Step 2: General Settings

  • In LiteSpeed Cache → General, click Request Domain Key → wait for email confirmation.
  • Set Server IP (ask your host if unsure).
  • Enable Guest Mode and Guest Optimization.

🔹 Step 3: Cache Settings

  • Enable Cache = ON.
  • Cache Logged-in Users = OFF (unless membership site).
  • Cache REST API = ON.
  • Cache Mobile = ON (Adaptive if theme differs on mobile).
  • Default TTL = 604800 (7 days).

🔹 Step 4: Purge Rules

  • Auto Purge: Front Page, Home, Post, Categories, Tags.
  • Serve Stale = ON.

🔹 Step 5: Excludes

  • Add to Do Not Cache URIs: /wp-admin/* /wp-login.php

🔹 Step 6: Optimization

  • CSS Minify / Combine = ON.
  • JS Minify = ON.
  • JS Combine = OFF (test carefully if you try it).
  • Load CSS Asynchronously = ON.
  • Generate Critical CSS = ON.
  • HTML Minify = ON.
  • Remove Query Strings = ON.
  • Load JS Deferred = ON.

⚠️ Make sure Cloudflare’s Auto Minify = OFF (avoid conflicts).


🔹 Step 7: Media

  • Lazy Load Images = ON.
  • Lazy Load Iframes = ON.
  • Generate WebP Versions = ON.
  • WebP Replacement = ON.
  • Enable Image Optimization (uses QUIC.cloud background processing).

🔹 Step 8: CDN

  • QUIC.cloud CDN = OFF (we’re using Cloudflare).
  • Enable Cloudflare API → enter:
    • Email (Cloudflare account)
    • API Token (with Cache Purge permissions)
    • Domain name

🔹 Step 9: Advanced

  • Instant Click = optional.
  • Heartbeat Control = Reduce frequency.
  • Browser Cache = ON.

🔹 Step 10: Cloudflare Dashboard

  • In Caching → Configuration:
    • Caching Level = Standard.
    • Browser Cache TTL = Respect Existing Headers.
  • In Speed → Optimization:
    • Rocket Loader = OFF.
    • Auto Minify = OFF (since LSCWP does it).
  • Create Page Rules: *example.com/wp-admin/* → Cache Level: Bypass → Disable Performance *example.com/wp-login.php* → Cache Level: Bypass → Disable Performance

✅ Done!

Now you have:

  • LiteSpeed Cache handling WordPress page caching & optimizations.
  • Cloudflare providing global CDN, SSL, security.
  • QUIC.cloud (optional) only for image optimization & CSS generation.
  • Automatic cache purging synced between LiteSpeed and Cloudflare.

Here’s a one-page printable checklist version you can keep handy:


✅ WordPress + LiteSpeed Cache + Cloudflare Setup Checklist

🔹 General

  • Request Domain Key (LiteSpeed Cache → General)
  • Set Server IP
  • Enable Guest Mode + Guest Optimization

🔹 Cache

  • Enable Cache = ON
  • Cache Logged-in Users = OFF
  • Cache REST API = ON
  • Cache Mobile = ON (Adaptive if needed)
  • Default TTL = 604800 (7 days)

🔹 Purge

  • Auto Purge: Front Page, Home, Post, Categories, Tags
  • Serve Stale = ON

🔹 Excludes

  • Do Not Cache URIs: /wp-admin/* /wp-login.php

🔹 Optimize

  • CSS Minify / Combine = ON
  • JS Minify = ON
  • JS Combine = OFF
  • Load CSS Asynchronously = ON
  • Generate Critical CSS = ON
  • HTML Minify = ON
  • Remove Query Strings = ON
  • Load JS Deferred = ON
  • Cloudflare Auto Minify = OFF

🔹 Media

  • Lazy Load Images = ON
  • Lazy Load Iframes = ON
  • Generate WebP Versions = ON
  • WebP Replacement = ON
  • Image Optimization = ON (QUIC.cloud)

🔹 CDN

  • QUIC.cloud CDN = OFF
  • Cloudflare API = ON → Enter Email, API Token, Domain

🔹 Advanced

  • Instant Click = optional
  • Heartbeat Control = Reduce frequency
  • Browser Cache = ON

🔹 Cloudflare

  • Caching Level = Standard
  • Browser Cache TTL = Respect Existing Headers
  • Rocket Loader = OFF
  • Auto Minify = OFF
  • Page Rule 1: *example.com/wp-admin/* Cache Level: Bypass Disable Performance
  • Page Rule 2: *example.com/wp-login.php* Cache Level: Bypass Disable Performance

Leave a Comment

Licensed under CC BY-NC 4.0

DevOps viewpoints are those of its owner. You may share and adapt this article for non-commercial purposes, provided proper attribution is given. Attribution should include:

Title: WordPress + LiteSpeed + Cloudflare + QUIC.cloud CDN
Author: peter arthur martin
Original URL: https://www.woodcentral.com/-/peter/wordpress-litespeed-cloudflare-quic-cloud-cdn/
License: CC BY-NC 4.0

Site Index

👍 This page answered my questions

Your vote helps other woodworkers quickly find the answers and techniques that actually work in the shop.