The following steps were completed to setup WP Super Cache & Cloudflare for the 2016 Speed Study on CloudFlare & WP Super Cache, the 2017 WP Super Cache Speed Study and the 2018 WP Super Cache Speed Study.


How to Setup CloudFlare – Step by Step

Step 1: First up, we need to get an account setup with CloudFlare. After signing up and activating through email, click through to Add Site.

CloudFlare Account Setup - Screenshot 1

Steps 2 & 3: Enter your Site’s Domain Name and Click Begin Scan.

Add Websites - Screenshot 2

Step 4: The scan should take about 1 minute to complete. Then click Continue Setup.

Scan Complete - Screenshot 3

Step 5: The scan has picked up all the DNS records and has automatically selected the 2 crucial records we would like to assign to CloudFlare (those with a status of an orange cloud). With no changes needed, click Continue.

DNS Records - Screenshot 4

Steps 6 & 7: Select the CloudFlare Plan called Free Website, then click Continue.

Select CloudFlare Plan - Screenshot 5

Step 8: Now we need to go to our Domain Provider and change the current nameservers to the 2 CloudFlare nameservers. They say the transfer can take up to 24 hours, but I found it was much quicker than that, usually between 5 to 20 minutes.

Step 9: Then click Continue.

Change to CloudFlare Nameservers - Screenshot 6

WP Super Cache Integration

Step 10: When the Nameservers have been transferred, the status in the CloudFlare Dashboard changes to Active. Once you see Active, it’s time to head back to our WordPress Dashboard. Go to Add Plugins and type into the search box “WP Super Cache”. Once found, then click Install Now.

Install WP Super Cache - Screenshot 7

Step 11: Wait for the plugin to be installed. Then click Activate.

Activate WP Super Cache - Screenshot 8

Step 12: After activating, next up is clicking Settings.

WP Super Cache Settings - Screenshot 9

Step 13: The settings for WP Super Cache are much simpler than W3 Total Cache. Simply choose Caching On.

Step 14: Then click Update Status.

Turn on Caching - Screenshot 10

Step 15: The final step is to purge the cache by clicking Delete Cache.

Purge Cache - Screenshot 11


If you have any questions about this tutorial on How to Setup WP Super Cache with CloudFlare, please feel free to ask in the comments below and I will try my best to answer them 🙂