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.

Whether selling through the Woocommerce e-commerce platform or professionally using WordPress as a CMS; it is vital you enhance performance to keep your users engaged and optimise conversion rates.

Caching Anonymous Page Views

By using Cloudflare's "Bypass Cache on Cookie" functionality allows non-logged-in pages to be fully be 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.

This feature is available to Business and Enterprise users. Instructions on configuring this can be found in the article: Caching Static HTML with WordPress/WooCommerce.

Optimise Images

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 tab of your 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 HTTPS" Page 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.

Advanced Performance Tools

  • Business and Enterprise customers can utilise Cloudflare's Railgun Origin Network Optimizer.
  • 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.
Still not finding what you need?

The CloudFlare team is here to help. 95% of questions can be answered using the search tool, but if you can’t find what you need, submit a support request.

Powered by Zendesk