WordPress Development
WordPress CDN Configuration: Cloudflare, BunnyCDN, and WooCommerce CDN Setup
A CDN delivers your WordPress assets from servers near each visitor. Here is how to configure Cloudflare and other CDNs correctly for maximum performance.
A CDN (Content Delivery Network) stores copies of your WordPress site assets — images, CSS, JavaScript, and sometimes full HTML pages — on servers distributed globally. When a visitor loads your site, assets are served from the server geographically nearest to them rather than your hosting server. The result is lower latency, faster load times, and reduced server load regardless of where your visitors are.
How a CDN works with WordPress
When a visitor in Sydney loads your WordPress site hosted in London without a CDN, every image, stylesheet, and script travels across the Atlantic. With a CDN, those assets are already cached on a CDN edge server in Sydney — the assets travel milliseconds rather than hundreds of milliseconds.
- Static assets on the CDN: images, CSS, JavaScript, fonts, and PDF files are the best CDN candidates. These files do not change per visitor.
- Full-page CDN caching: Cloudflare and some other CDNs can cache entire HTML pages. This delivers the fastest possible experience but requires careful configuration to avoid serving stale content.
- CDN origin server: your WordPress hosting is the origin. When a CDN edge server does not have a cached copy of a file, it fetches it from your origin and caches it for future requests.
Cloudflare — the free CDN for most WordPress sites
Cloudflare is the most widely used CDN for WordPress sites. Its free tier includes a global CDN, DDoS protection, SSL certificate, and basic performance optimisation. More than 80% of WordPress sites using a CDN use Cloudflare.
Sign up and click Add Site. Enter your domain name. Cloudflare scans your existing DNS records automatically.
Cloudflare provides two nameserver addresses. Log in to your domain registrar and replace your existing nameservers with Cloudflare nameservers. DNS propagation typically takes a few minutes to 24 hours.
Set SSL/TLS mode to Full (Strict) if your hosting server has a valid SSL certificate. Use Full if your server has a self-signed certificate. Never use Flexible — it creates a security gap.
The official Cloudflare plugin connects your WordPress admin to the Cloudflare API. It automatically purges the Cloudflare cache when you publish new content and configures recommended settings.
In Cloudflare’s dashboard, go to Caching › Configuration. Set Caching Level to Standard. Browser Cache TTL controls how long visitors’ browsers cache assets — set to 1 year for maximum performance.
In Speed › Optimization, enable Auto Minify (CSS, JavaScript, HTML), Brotli compression, and Rocket Loader (defers JavaScript loading). Test your site after enabling each feature.
WP Rocket CDN configuration
If you use WP Rocket for caching, its CDN feature rewrites asset URLs to point to your CDN. This works with any CDN that supports pull zones (Cloudflare, BunnyCDN, KeyCDN, AWS CloudFront).
- Go to WP Rocket › CDN tab and enable CDN
- Enter your CDN URL (the subdomain your CDN assigns: cdn.yourdomain.com or a CDN-provided URL)
- Select which file types to serve from the CDN — at minimum include CSS, JavaScript, and images
- Test by viewing page source and verifying asset URLs now point to your CDN domain
BunnyCDN — the best-value CDN for media-heavy sites
BunnyCDN is significantly cheaper than AWS CloudFront and many other CDNs for bandwidth-heavy sites. At $0.01 per GB for European traffic and similar rates globally, it is cost-effective for sites serving large volumes of images or videos. It integrates easily with WP Rocket and other WordPress caching plugins.
CDN configuration for WooCommerce
WooCommerce requires specific CDN configuration to avoid cart and checkout issues:
- Never cache cart, checkout, or account pages: these contain dynamic, per-user content. Add these pages to Cloudflare’s Page Rules or your CDN bypass list.
- Cache product and category pages: these are static enough to benefit from CDN caching. Invalidate the cache when product information changes.
- Configure cookie-based bypass: most WordPress caching configurations bypass CDN caching for logged-in users and users with items in their cart. Cloudflare’s WordPress plugin handles this automatically.
The highest performance configuration combines a CDN (Cloudflare) with a server-level caching plugin (WP Rocket or W3 Total Cache). The caching plugin generates static HTML pages and serves them from your server quickly; the CDN distributes the static assets and optionally the pages themselves to edge servers globally. Together they can reduce TTFB by 60-80% for international visitors.
Measuring CDN impact
After configuring a CDN, measure the performance improvement:
- Run WebPageTest from multiple global locations before and after CDN setup to compare load times for international visitors
- Check GTmetrix waterfall — CDN-served assets load from a nearby edge location; verify asset domains show cdn.yourdomain.com or Cloudflare domains
- Monitor TTFB in Google Search Console over the weeks following CDN configuration — it typically improves significantly for globally distributed traffic
Need CDN configuration and performance optimisation for your WordPress site?
Simple Automation Solutions configures CDN, caching, and full performance optimisation stacks for WordPress sites worldwide.
Frequently asked questions
Does Cloudflare free tier provide a real performance benefit?+
Yes, measurably. Cloudflare free serves your static assets from 300+ global edge locations and includes DDoS protection, SSL, and basic optimisation (minification, Brotli compression). For a site with visitors in multiple countries, the latency reduction from serving assets from a nearby edge server is significant — typically 100-400ms faster for international visitors compared to a single-region hosting setup. For a site with exclusively local visitors within 500km of your hosting server, the improvement is less dramatic.
Can Cloudflare break my WordPress site?+
Cloudflare can cause issues if configured incorrectly. Common problems: SSL/TLS mode set to Flexible creates redirect loops; Rocket Loader can break scripts that depend on specific loading order; aggressive page caching can serve stale content after updates. The Cloudflare WordPress plugin mitigates most issues by automatically purging cache when content changes and configuring safe defaults. If issues arise, Cloudflare can be paused in one click from the dashboard while you diagnose.
Is a CDN necessary if my site is already fast on PageSpeed?+
A fast PageSpeed score on its own test environment does not capture performance for globally distributed visitors. PageSpeed tests from one location (typically US-based). If 40% of your visitors are in Asia-Pacific and your server is in Europe, your Asian visitors experience much higher latency than your PageSpeed score indicates. A CDN specifically addresses geographic latency — its value is proportional to how international your audience is.
