W3 Total Cache Setup with CloudFlare and CDN : Complete Tutorial Guide

W3 Total Cache Setup with advanced features needs a bit experience. This is guide on how to set up W3 Total Cache with CloudFlare, Google Page Speed API and CDN service. (Updated on 28th November 2016 ) New version of W3 Total Cache with WordPress Version 4.6.1 or above will need to activate CloudFlare extension from WordPress Dashboard’s Performance > Extensions > CloudFlare [Click activate] for API based settings :

Basic Settings for W3 Total Cache

In this tutorial, we will NOT discuss about the Basic Settings for W3 Total Cache. Zemalf has written excellent step by step tutorial and ebook for these Basic as well as Common Settings for W3 Total Cache Plugin.Though the tutorial on W3 Total Cache is written for older version, the basic settings will remain the same for newest version.

We will Discuss only how to set up and configure W3 Total Cache Plugin with CloudFlare and any type of CDN.

How to Setup CloudFlare account and Configure W3 Total Cache

First you need to sign up for a CloudFlare account from here. By this time, we are assuming that, you have installed the latest version of W3 Total Cache Plugin and has activated it. Go to Performance (W3 Total Cache Plugin shows as Performance) > General Settings page. Scroll down to “Network Performance & Security powered by CloudFlare” options in W3 Total Cache, Tick mark the Enable option :

If you want to integrate CloudFlare with W3 Total Cache Plugin, then use your CloudFlare account email and click the link for API key and copy paste it in W3 Total Cache options page. This step is optional. Those who will update their websites 6-8 hourly, they need this feature to clear the CloudFlare Cache from WordPress Dashboard via API. Those who will not update their websites even weekly hourly, they need not to use this feature as they can clear the CloudFlare Cache from CloudFlare’s account. You must have to add your website in the CloudFlare account :

And follow the steps. In the mean time, download this Plugin named CloudFlare WordPress Plugin from WordPress, install and activate it. It has also similar option like W3 Total Cache’s field to put your API and email.

After You have Activated the CloudFlare Plugin, again go to your online CloudFlare account, you will guided by a wizard and finally CloudFlare will provide you a new set of Name-Servers. You have to login to your Domain Registar account (not server’s cPanel) and change the name servers to the provided by CloudFlare.

Within few minutes, your DNS will be redirected without interruption. You can use other apps provided by CloudFlare too.

Clear your W3 Total Cache and it is ready to get boosted by CloudFlare.

NOTE : Do not use CloudFlare’s minify and W3 Total Cache Minify settings together. Why, that is written in official guide of CloudFlare.

Setup of Google Page Speed API

Again, go to to Performance (W3 Total Cache Plugin shows as Performance) > General Settings page. Scroll down to “Object Cache” options, Tick mark the Enable option. Scroll down and enter your Google Page Speed app’s API in the “Miscellaneous” field of W3 Total Cache. It will give you the feedback of performance on your Dashboard.

Setup of CDN in W3 Total Cache

CDN (content delivery network) CDN can be a separate service. You can use a origin pull, origin push or ftp CDN with W3 Total Cache. However, do not use your subdomain as CDN, that is a malpractice. Simply activate the right type of CDN from the General Settings page of W3 Total Cache and then go to CDN option of W3 Total Cache and tick the folders you want to use the CDN for. As the settings will vary according to your subscription / allotted bandwidth, you might ask W3 Total Cache team for if you need so. CloudFlare with W3 Total Cache without own CDN :

We advice to test KeyCDN for WordPress as CDN as it is cheaper, easy, feature rich and has 1 month free trial. You can read our basic guide for KeyCDN with WordPress (it is mainly for non-HTTPS websites). Now, we have guides for configuring WP Super Cache with origin pull or origin Push CDN, troubleshooting guide like Fix CDN not working with W3 Total Cache. Fonts need special consideration with W3 Total Cache, HTTPS and CDN.