![\"\"](\"https:\/\/cdnr2.jaybranding.com\/2023\/04\/Super-Page-Cache-for-Cloudflare.jpg\")
<\/p>\nSuper Page Cache for Cloudflare is a completely free plugin with outstanding features and somewhat comparable to WP-rocket. Before you continue reading this article, you can check the results obtained when enabling Super Page Cache, Enabling WP-rocket and Cache nginx from the server.<\/p>\n
<\/p>\n
<\/p>\n
Instead of just storing static space like images, CSS and JavaScript files, you can use Cloudflare to host your entire WordPress site. So if you have mostly static content and don't change often, you can let Cloudflare host your site! When combined with Cloudflare Cache Reserve<\/a>, Cloudflare can serve as a second hosting provider, mimicking your original web hosting provider for blazing global speeds. Here's how.<\/p>\n [ez-toc]<\/p>\n While it is possible to configure Cloudflare to host your WordPress site manually, use the plugin to cover all competition and configuration scenarios so you can use the non-hosted version of your site. yours if you want. And the best plugin for that is Super Page Cache for Cloudflare<\/a> \u2013 formerly known as WP Cloudflare Page Cache.<\/p>\n Download this plugin and go to the configuration screen under \u201cSettings -> Super Page Cache for Cloudflare\u201d.<\/p>\n This article does not guide you to create a Cloudflare account, but you can easily create one for free here www.cloudflare.com <\/a><\/p>\n The plugin needs a Global API Key to manage the interface between your website and Cloudflare automatically. To get the API token, login to your Cloudflare dashboard, click on the profile icon in the top right corner and click on \u201cMy Profile\u201d as shown here:<\/p>\n My Profile Cloudflare<\/p>\n Now click on \u201cAPI tokens\u201d on the right side, then find \u201cGlobal API Key\u201d and click on \u201cView\u201d:<\/p>\n Get Cloudflare API Key<\/p>\n The next screen will ask you to confirm your Cloudflare password and pass a Turnstile test. Once that's done, Cloudflare will show you the Global API Key. Warning: This key is very sensitive.<\/strong> Don't give it to anyone but you.<\/p>\n Copy your Cloudflare Global API Key<\/p>\n After you have copied this key, return to the Super Page Cache for Cloudflare settings page. For \u201cAuthentication Mode\u201d, click \u201cAPI Key\u201d, select your Cloudflare email ID and paste the provided Global API Key in the box provided as shown here:<\/p>\n Import Cloudflare API Key into Super Page Cache for Cloudflare Plugin<\/p>\n Scroll down, select the domain for which you want to enable Cloudflare hosting for WordPress and save your changes.<\/p>\n After you finish configuring and saving your settings, you can enable and disable Cloudflare storage for WordPress by enabling the orange buttons at the top of the settings screen as follows:<\/p>\n Enable and Disable Cloudflare Storage<\/p>\n You can also click the \u201cTest Cache\u201d button and confirm that everything is working as it should:<\/p>\n Check that Super Page Cache for Cloudflare is Working<\/p>\n And you're done!<\/p>\n The default settings for the Super Page Cache for Cloudflare plugin are pretty good. But you can click the \u201cCaching\u201d tab to further configure and fine-tune your experience. For example, when deleting updated pages, I choose to delete only HTML pages \u2013 it's not necessary to reset the cache for all static files when you've just changed a post.<\/p>\n You can also configure Secondary Page Caching, which stores copies of your pages on your server. This is similar to regular WordPress caching plugins like W3 Total Cache. Other advanced options include preloading deleted pages that you configure to your preferences.<\/p>\n To test that Cloudflare is caching your WordPress pages, first load a page in the browser to \u201cstart\u201d caching. Then, open the browser's developer tools by pressing \u201cCtrl + Shift + C\u201d and selecting the \u201cNetwork\u201d tab. When you refresh your page, it will show all the resources the browser has loaded. The first resource will be your page URL. Select it and on the right hand side check \u201cResponse Headers\u201d as shown here:<\/p>\n Verify that Cloudflare Caching for WordPress is working<\/p>\n There should be a new response header called \u201cCF Caching Status\u201d and the value should be \u201cHIT\u201d as shown above. That means Cloudflare is serving this page from its cache.<\/p>\n To test the response time, I use Cloudflare Analytics, it's better than Google Analytics to measure<\/a> page speed. You can see that I have an average response time of just 15ms because most of my WordPress sites are served from Cloudflare:<\/p>\n 15ms WordPress Response Time with Cloudflare Caching<\/p>\n That's faster than any web hosting provider and any regular caching plugin. For faster speeds, you can configure Cloudflare to serve stale content from the cache while it loads fresh objects from the origin server.<\/p>\n Of course, you often want to see the unarchived version of your page. To do this, add the query string \u201c? swcfpc=1\u201d to your URL and it will bypass Cloudflare's caching. For example, if you want to see the unarchived version of this URL:<\/p>\n https:\/\/jaybranding.com\/thiet-ke-trang-web-chuyen-nghiep-chuan-seo\/<\/a>Step 1: Download Super Page Cache for Cloudflare plugin<\/h2>\n
Step 2: Get Your Cloudflare Global API Key<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Step 3: Enable Archive and Check It's Working<\/h2>\n
<\/p>\n
<\/p>\n
Step 4: Configure Cloudflare WordPress Cache Default Settings<\/h2>\n
Check that Cloudflare WordPress Page Caching is working<\/h2>\n
![](\"https:\/\/cdnr2.jaybranding.com\/2023\/04\/Pasted-19.png\")
<\/p>\nCloudflare WordPress Caching Fast Response Time<\/h2>\n
<\/p>\n
Access an unarchived version of your Page<\/h2>\n
\nChange it to:<\/p>\n