How To Setup WP Super Cache With CloudFlare CDN

How to setup WP Super cache With Cloudflare CDN service ( the free version)

 

Cloudflare is a dynamic content delivery network (CDN) a free service that you can easily set up and running on your domain for free! Though there is a Pro account also, the free account works fine for most sites.

CloudFlare’s free CDN works well with caching plugins for WordPress like WP Super Cache and W3Total Cache.

What could go wrong?

In order to minimize potential conflicts, here are some quick tips on how to set up WP Super Cache And Cloudflare CDN.

WP SUPER CACHE AND CLOUDFLARE CDN SETTINGS:

Things to Check before you enable Cloudflare CDN in Wp super cache.

1. If you are using more than one caching plugin on your site! then donโ€™t. Use only one, uninstall the second caching plugin before you enable Cloudflare CDN.

Example Wp super cache and W3TC. A conflict will eventually arise. I personally would recommend WP super cache, but its individual preference.

Whatever cache plugin you may be using, just make sure only one is active on your site.

Check out: WP Super Cache Plugin Optimal Settings Guide

2. If you are already using a minify plugin like WP Minify or Better WP minify or Autoptimize plugin. Do not turn on Auto Minify compression features at Cloudflare performance settings. See belowโ€ฆโ€ฆโ€ฆ.

This is very important if you do so your site might break. Never use two plugins to minify CSS and JS.

You would want to have only one minify option running on your site at any given time. You can safely enable HTML for the auto to minify in Cloudflare. It reduces your site’s HTML requests and loads faster.

3. You do not need to put anything (in wp super cache CDN page) in the hostname fields for a CDN relative to Cloudflare.

Those fields are used if you are using a traditional CDN provider (AWS, Akamai, etc).

Cloudflare works regardless of what hosting provider a website is running on.

However, some hosting providers have taken the extra steps to make sure their customers get the most out of Cloudflare and have become a Cloudflare Partner.

If your hosting provider is a Cloudflare partner,( see below for list) then it’s much easier. In the host cPanel under Software click onย  Cloudflare.

It will ask you to log in to your Cloudflare account. Log in with your Cloudflare account credentials.

Thatโ€™s it, your host server will configure your site URL, DNS automatically for Cloudflare CDN.

Next enable (put a check) in Wp super cache CDN to enable it, keep all other settings to default, save your settings.

Next Log in to your Cloudflare account.

Make sure that Auto Minify compression features at Cloudflare performance settings for JS, CSS and HTML are disabled (by default all three are enabled).

Check your site, if everything’s ok next try by enabling HTML in auto minify compression in Cloudflare. Test your site again. If site breaks disable HTML minify.

Well, thatโ€™s all about WP Super Cache And Cloudflare CDN Settings. Enjoy the speed, it works. Check your site’s loading time before and after in GT Metrix and in Pingdom tools.

In case you missed: Best Cloudflare Page Rules For WordPress site

4 thoughts on “How To Setup WP Super Cache With CloudFlare CDN”

  1. Sir yo have a nice blog which clearly suggest your uniqueness of articles. I have found this article very useful for setting up Cloudfare CDN. I have tried Max CDN. It is best but costly too.

Comments are closed.