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.
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:
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 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.
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.