• Home
  • Archive
  • Tools
  • Contact Us

The Customize Windows

Technology Journal

  • Cloud Computing
  • Computer
  • Digital Photography
  • Windows 7
  • Archive
  • Cloud Computing
  • Virtualization
  • Computer and Internet
  • Digital Photography
  • Android
  • Sysadmin
  • Electronics
  • Big Data
  • Virtualization
  • Downloads
  • Web Development
  • Apple
  • Android
Advertisement
You are here: Home » W3 Total Cache Setup with CloudFlare and CDN : Complete Tutorial Guide

By Abhishek Ghosh August 13, 2011 5:44 pm Updated on November 27, 2016

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

Advertisement

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 :

w3-total-cache-setup-with-cloudflare-and-cdn

 

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.

Advertisement

---

 

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 :

 

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

 

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 :

 

W3 Total Cache Setup with CloudFlare and CDN

 

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.

Vim
1
https://support.cloudflare.com/hc/en-us/articles/200169546-What-fields-do-I-need-to-enter-in-W3TC-W3-Total-Cache-settings-

 

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 :

 

cloudflare performance

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.

Tagged With cloudflare cache , cloudflare and w3 total cache , E28X , Network Performance by Cloudfare w3 total cache , SET UP W3 TOTAL , setting up w3 total cache , setup cdn cloudflare with w3 , w3 total cache setup with cloudflare

This Article Has Been Shared 717 Times!

Facebook Twitter Pinterest
Abhishek Ghosh

About Abhishek Ghosh

Abhishek Ghosh is a Businessman, Surgeon, Author and Blogger. You can keep touch with him on Twitter - @AbhishekCTRL.

Here’s what we’ve got for you which might like :

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

  • WordPress Tutorial Series : Must Have WordPress Plugins

    WordPress Tutorial Series is a continuing saga for the new WordPress users. In this WordPress Tutorial, we will tell you about some essential WordPress Plugins.

  • Cache Plugin and Leverage Browser Caching, Set Expires Header CDN Issue

    Leverage Browser Caching, Set Expires Header appears when we use a CDN with W3 Total Cache Plugin or WP super Cache with CDN Sync tool.What is the fact behind?

  • WordPress Security : Master Guide to Make WordPress Hackerproof

    Wordpress Security is an important factor today as WordPress is used for excellent blogs,corporate website,online shop. MySQL, .htaccess and plugins can harden.

  • WordPress FTP Full Backup : Backup FTP to ZIP File

    WordPress FTP Full Backup is a WordPress Plugin to backup your WordPress FTP using PHP ZipArchive to a ZIP file, save it on server and gives option to download.

  • Importance of WordPress Updates

    Importance of WordPress Updates, Plugins and Themes are very basic points to know. Unmaintained website is likely to face malicious code attacks than an updated. Apart from getting hacked, there are more important points any level of in this article Importance of WordPress Updates.   Importance of WordPress Updates : Points We Have Taken Automatically […]

Additionally, performing a search on this website can help you. Also, we have YouTube Videos.

Take The Conversation Further ...

We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

Comments

  1. AvatarAlexandre Plennevaux says

    August 15, 2011 at 9:50 am

    Hello!
    Thanks for this really interesting and clear article. One point is not clear to me: Isn’t Cloudflare a CDN service? Why then use both Cloudflare and the CDN functionality of W3TC ? It seems to me Cloudflare is enough.
    Thanks,
    a.

  2. AbhishekAbhishek says

    August 15, 2011 at 11:19 am

    Hello Alexandre,

    Thank you very much for the appreciations.

    Yes, CloudFlare (The Free service) is definitely a CDN and it hosts minified static files. But it does not host post thumbnails for example or other image files or audio/videos. For that part, we need to leverage with a CDN. May be using the Premium feature of CloudFlare “Prefetch” will leverage more.

    You can view a test here, this website is using CloudFlare + CDN : http://www.webpagetest.org/result/110815_CE_1ATF8/1/performance_optimization/#use_of_cdn

    But the CDN is actually not recognized by WebPageTest, only ss6.speedymirror.com is recognized as cdn. Compare with only CloudFlare (this blog) : http://www.webpagetest.org/result/110813_1F_1ADGQ/1/details/

    1. The first site has issue with both the server’s DNS lookup time and a bad CDN setup.

    2. Second case, our blog: imagine if our blog’s image parts are loaded from a cdn with performance like CloudFlare. You can see the image parts are loading from our server, after 1 second. For example look at Request 9. If was delivered from a good CDN, it would start within 0.6 seconds. It is possible to make it <1.5 seconds with proper setup.

  3. AvatarDunia Maklumat says

    March 10, 2012 at 8:07 pm

    yes.. I already try n good and performance, Thanks..

  4. AvatarKangandri.com says

    June 3, 2012 at 9:53 am

    Thanks for this man ;) great tutorial!!

  5. AbhishekAbhishek says

    June 5, 2012 at 10:05 pm

    You are welcome.

  6. AbhishekAbhishek says

    June 6, 2012 at 9:12 pm

    Thank you very much for the appreciation.

    This guide on W3 Total Cache Setup with CloudFlare and CDN is thankfully listed in official plugin’s webpage (in Other Notes in WordPress repository of W3 Total Cache Plugin) by the plugin developer. I hope this and other guides will help many adaptive users.

  7. AvatarRohit says

    August 13, 2012 at 11:22 am

    thanks Abhishek
    dat helps a lot
    i was confused in w3total cache and WP super cache
    but stuff is now clear enough
    thanks to u

  8. Avatardigital advertising agencies in mumbai says

    September 1, 2012 at 2:30 pm

    Useful information. Fortunate me I discovered your site unintentionally, and
    I am surprised why this coincidence did not happened earlier!

Subscribe To Our Free Newsletter

Get new posts by email:

Please Confirm the Subscription When Approval Email Will Arrive in Your Email Inbox as Second Step.

Search this website…

 

Popular Articles

Our Homepage is best place to find popular articles!

Here Are Some Good to Read Articles :

  • Cloud Computing Service Models
  • What is Cloud Computing?
  • Cloud Computing and Social Networks in Mobile Space
  • ARM Processor Architecture
  • What Camera Mode to Choose
  • Indispensable MySQL queries for custom fields in WordPress
  • Windows 7 Speech Recognition Scripting Related Tutorials

Social Networks

  • Pinterest (22.1K Followers)
  • Twitter (5.8k Followers)
  • Facebook (5.7k Followers)
  • LinkedIn (3.7k Followers)
  • YouTube (1.3k Followers)
  • GitHub (Repository)
  • GitHub (Gists)
Looking to publish sponsored article on our website?

Contact us

Recent Posts

  • The Cost of Doing Business as a Handyman July 1, 2022
  • Samsung Galaxy S22 Ultra: Long Term Review June 30, 2022
  • How to Make the Most of Your S Pen (S22 Ultra) June 29, 2022
  • Safe Chargers for Samsung Galaxy S22 Ultra June 27, 2022
  • How Telecoms Can Use The Cloud To Power Their 5G Network June 24, 2022

About This Article

Cite this article as: Abhishek Ghosh, "W3 Total Cache Setup with CloudFlare and CDN : Complete Tutorial Guide," in The Customize Windows, August 13, 2011, July 2, 2022, https://thecustomizewindows.com/2011/08/w3-total-cache-setup-with-cloudflare-and-cdn-complete-tutorial-guide/.

Source:The Customize Windows, JiMA.in

This website uses cookies. If you do not want to allow us to use cookies and/or non-personalized Ads, kindly clear browser cookies after closing this webpage.

Read Privacy Policy.

PC users can consult Corrine Chorney for Security.

Want to know more about us? Read Notability and Mentions & Our Setup.

Copyright © 2022 - The Customize Windows | dESIGNed by The Customize Windows

Copyright  · Privacy Policy  · Advertising Policy  · Terms of Service  · Refund Policy