Connect with the Cloudflare Community

Speed Up WordPress and Improve Performance

Cloudflare's CDN services can help cache your content across our giant global network, but performance isn't just about moving static files closer to your visitor. Cloudflare does more than offer a CDN, Cloudflare's optimisation features allow you to enhance the performance of your WordPress site beyond what a traditional CDN can do.

Caching Anonymous Page Views

Cloudflare's "Bypass Cache on Cookie" functionality allows non-logged-in pages to be fully cached by Cloudflare. This means your server can save time and resources by not having to regenerate pages where the HTML is effectively static, whilst not interfering with dynamic behaviour - as soon as a user logs-in to the WordPress dashboard or adds something to their WooCommerce, the Edge cache is bypassed.

Images can be incredibly costly to page load times; fortunately, Cloudflare can dramatically help improve image load times. You can find these features in the Speed app of the Cloudflare dashboard.

After enabling Polish, you can dramatically improve image and web page load times by compressing images and stripping metadata. Basic mode will reduce the size of your images without impacting image quality whilst Basic + JPEG also reduces the size of JPEG images using lossy compression.

If you wish to optimise your site for mobile visitors, enabling Mirage Image Optimization will allow images to be optimised and delivered based on the end-users network connection and device type:

Enable HTTP/2

HTTP/2 allows for a multitude of performance features including multiplexing, header compression. In order to enable HTTP/2 on your WordPress site, ensure that your site is loaded over HTTPS.

After enabling SSL you must also ensure that users are redirected to the HTTPS version so that it can be loaded over HTTP/2. You can do this using an Always use HTTPSPage Rule:

Cloudflare's WordPress plugin allows you to push necessary assets to your users using HTTP/2 Server Push, dramatically reducing the amount of roundtrips required to load CSS and JavaScript. See our How do I enable HTTP/2 Server Push in WordPress guide for a tutorial on setting it up.

Minify Assets

Cloudflare is able to effectively minify JS, CSS and HTML without a change to your website. We recommend enabling minification in your Cloudflare dashboard instead of installing plugins on your site to do the same purpose. Alternatively if you're using Grunt or Gulp as part of a build process you can implement minification as part of this.

Due to HTTP/2 multiplexing requests, we advise against concatenating CSS or JavaScript files together or installing anything on your server which may do this.

Enterprise users can utilise "Prefetching URLs From HTML Headers" and custom cache keys to enhance caching - contact your named Customer Success Engineer for help getting set-up or reach out to our sales team if you aren't already an Enterprise customer.