Make WordPress Faster With W3 Total Cache and Cloudflare

Make your WordPress website faster with w3 total cache and Cloudflare. If your web hosting server speed is not faster and you’re facing a server speed problem in google page speed test.  You need to use w3 total cache and Cloudflare to improve your website page loading speed.

Make WordPress Faster Using W3 Total Cache and Cloudflare

W3 total cache is a WordPress plugin which used to optimize JavaScript and CSS of a website. It is the most popular plugin to make the WordPress website faster. It is the best caching plugin.

Cloudflare is a content delivery network (CDN) website that provides a free and paid plan and also it provides a public SSL certificate in the free plan. Cloudflare is a powerful CDN to speed up your website. You can also watch my YouTube video How to Make WordPress Faster With W3 Total Cache & Cloudflare

  Step:1   W3 Total Cache Configure Setting

First of all, You need to install w3 total cache on your WordPress.  Get started by installing and activating the plugin. It’s a free plugin available in the WordPress directory, so you can install and activate from you are WordPress dashboard by going Plugin > Add New and search w3 total cache

w3 total cache setting

1. General: go to w3 total cache plugin general option. The first option allows you to automatically enable every feature. But, you won’t need every single feature, so you should not use this option. Don’t tick mark  Toggle all caching types on or of and also don’t click Enable Preview Mode option.

2. Page Cache   ( Enable ): Page Cache is an important option of w3 total cache plugin. you need to enable this option and for the Page Cache  Method, you also need to choose  Disk: Enhanced.

w3 total cache configure

3. Minify     (DISABLE): You don’t need to enable minify option with w3 total cache because CloudFlare also supports minification. So I will recommend using Cloudflare to minify your website code instead of this plugin. Therefore, you don’t need to enable this option if you want to use Cloudflare.

4. Database Cache (DISABLE): If you are using a shared hosting package then you don’t need this option because the shared hosting server database actually can slow down due to overload on a CPU. So, I recommend Disable this option.

5. Object Cache (ENABLE): Enable object cache option and select Disk Method.

w3 total object cache

6. Browser Cache (ENABLE): The browser cache increases your website speed by using static resources in your visitor’s used browsers. Therefore you need to Enable browser cache option.

7. CDN   (DISABLE):  Leave the CDN option to disable because you can not handle CloudFlare from here. This option used for paid CDN like MaxCDN. Don’t worry I will show you how we can handle CloudFlare from w3 total cache actually we use Cloudflare Extension from this plugin.

8. Reverse Proxy  (DISABLE): Reverse Proxies are an advanced concept which generally used for private hosting. Therefore you leave this option Disabled.

9. Monitoring  (NO ACTION): There is is no need for monitoring your website. Ignore it.

       10. Debug  ( DISABLED): Don’t enable any option from there.     

               Step: 2   Page Cache Configure Setting     

The second step is page cache setting, First to page cache option under the general section make sure these options are enabled.

1. General :

  1.  front page (tick mark)
  2. Cache feeds           (tick mark)
  3. Cache SSL – Cloudflare offers free SSL certificates, so you can enable this box. ( only tick mark if you want to use Cloudflare public SSL certificate)
  4. Don’t   cache pages for logged in users (tick mark)

everything leaves default which not mentioned above.

w3 total cache page-cache

2. Cache Preload:

Fill up this section with the following setting.

Automatically prime the page cache: (tick mark)

  1. Update interval: 900 seconds
  2. Pages per interval: 10
  3. Sitemap URL: this option is for your website sitemap.
  4. Preload the post cache upon publish events: (tick mark)

Other options leave the default.

  Step 3:  Object Cache Configure Setting

You should leave everything as the default. Just you need to make sure these options contain the following numbers.

  1. Default lifetime of cache objects: 180 seconds
  2. Garbage collection interval: 3600 seconds


Step 4:  Browser Cache Configure Setting

The browser  Cache configures setting is the last option of w3 total cache configures the setting.

       1. General :

Under the general section, you need to tick mark some additional options and make sure all of these following boxes are checked.

  1.  Last-Modified header: Checked
  2. expires header: Checked
  3.  cache-control header: Checked
  4.  entity tag (eTag): Checked
  5.  W3 Total Cache header: Checked
  6. Enable HTTP (gzip) compression: Checked

Leave all of the other options under Browser Cache as their defaults.

w3 total cache

Step: 5     W3 Total Cache Configure Setting With CloudFlare Extension :

Now, It is the time to activate w3 total cache and Cloudflare on your website. Therefore, go to w3 total cache extensions option and activate Cloudflare. After activating CloudFlare extension you are ready to move Cloudflare configure the setting.

activate-cloudflare with w3 total cache

     How To Setup and Configure Cloudflare For WordPress

First of all, you need a Cloudflare account which provides us a global API key that will be used to activate Cloudflare with w3 total cache. Therefore, you need a Cloudflare account. If you don’t have an account on Cloudflare. then simply go to the Cloudflare website and activate your website with Cloudflare DNS. You Can Also watch my YouTube video How To Setup CloudFlare. 

After making your CloudFlare account, you need to copy your Global API Key. Come to w3 total cache extensions option click on setting under the CloudFlare extension. Then click the Authorize button under the Credentials. Now, Click on the API Key View button and enter your Cloudflare API key.   Now you will see your CloudFlare account has activated with w3 total cache. 

Step: 6  Turn on Cloudflare Minify

Finally, we minify our website code by using Cloudflare. Please, Scroll down the Cloudflare setting page then you will see an option off CloudFlare: Content Processing.  Enable given three options.

Minify JavaScript files.

Minify CSS files.

Furthermore, If you want to get 99%  result please visit another post How To Increase Website Speed

Conclusion :

In conclusion,  Our suggestion is please read our article with a serious mind if you want any benefit from our website. We will hope you will follow our article How to setup w3 total cache and Cloudflare guidelines with care.