WP Rocket (No Page Cache) - Must Use Plugin - Installation Guide
When using Super Page Cache for Cloudflare along with WP Rocket plugin it is highly recommended that you do not use more than one page caching system on your site as that will lead to compatibility issues and problems.
Whether you have a server level page caching system or some other page caching plugin installed in yoru site, you need to ensure that all page caching mechanisms are disabled on those plugin before using the Super Page Cache for Cloudflare plugin on your website. Also, ensure that there is no server rule in your
.htaccess file or
nginx.conf file which is modifying the
cache-control header value of the page as that value needs to be managed by the Super Page Cache for Cloudflare plugin.
Here is what you should do if you are uising WP Rocket along with Super Page Cache for Cloudflare to get the best results.
Step 1 - Make sure you have a clean slate (Disable all caching plugins)
First make sure that both WP Rocket and Super Page Cache for Cloudflare are disabled on your wensite and inside your
wp-config.php file there is no
WP_CACHE constant. If you see a statement like
define( 'WP_CACHE', true ); or something similar inside your
wp-config.php file, please delete that line and save your
Step 2 - Install the
mu-plugin given below
After this README documentation you will file another file named
wp-rocket-no-cache.php file attached to it. Make a copy of that file in your system either by downloading the file or creating a file with the same name and copy poasting the content given below.
After that open your FTP client and go to
/wp-content/mu-plugins/ folder. Inside
/wp-content/ if you do not see the
mu-plugins folder, just create a new folder and name it
mu-plugins. Then inside this folder put the mu-plugin code given below.
Finally, when you go inside yoru
WP Admin > Plugins section, now you should see that a new
Must Use Plugin section has been added and under which this WP Rocket - No Cache plugin is mentioned. This will ensure that you have done this step right.
Step 3 - Enable WP Rocket & Disable page caching
Now enable the WP Rocket Plugin and make sure page caching or mobile device caching is disabled inside this plugin. After enabling WP Rocket, open the FTP cleint again and open
wp-config.php file. This time there should not be any mention of the WP_CACHE constant.
Similarly, when you would go inside the
/wp-content/ folder, there should not be any
advanced-cache.php file as well.
You can use WP Rocket to optimizing your static files like CSS/JS etc. or you may use other plugins dedicated to static file optimization like Autoptimize. For image optimization, there is Cloudflare Polish (comes with Cloudflare Pro plan and above), Imagekit, Optimole, Shortpixel, EWWW Image Optimizer etc.
But this gist is for those who must need to use WP Rocket.
Step 4 - Enable & Setup the Super Page Cache for Cloudflare
Now it is the time to enable the Super Page Cache for Cloudflare plugin, enter the Cloudflare API details and enable page cache. After this, everything should work fine without any major issues.