Best WP Fastest Cache Settings Including Cloudflare CDN Instructions 2021

Today in this article, we will discuss The Best WP Fastest Cache Settings Tutorial, which helps improve your site loading time. We will also discuss the most popular CDNs Cloudflare which help your WordPress site load faster.

WP Fastest Cache is usually rated the #1 free cache plugin.

I was able to get .5s load times in Pingdom after configuring the WP Fastest Cache settings. They’re easy to set up and have options for Cloudflare which can further improve load times.

I will show you how to configure the best WP Fastest Cache settings and free speed plugins that do the same thing as WP Fastest Cache premium. However, if you’re going to spend money on a premium cache plugin.

So let’s start the configuring WP Fastest Cache settings…

Also Read – WordPress vs Blogger : Why i Choose WordPress Blog in 2021?

Best WP Fastest Cache Settings

If you plan on using Cloudflare, use the settings below but disable Auto Minify and Rocket Loader in the “speed” tab of your Cloudflare settings. This is what the WP Fastest Cache plugin developer recommends in his Cloudflare tutorial. The Cloudflare section shows you how to sign up for Cloudflare, change nameservers in your domain registrar, setup 3 Cloudflare page rules for better performance, and purge the cache once you’re done.

If you plan on using neither, use the settings below. The only thing you would change is in the Preload tab (pages per minute). If you’re using shared hosting use 4-6, VPS should use 10-12.

Best WP Fastest Cache Settings
Best WP Fastest Cache Settings

Breakdown Of The WP Fastest Cache Settings:

1. Cache System – Enable 🔘

You wouldn’t believe how many site audits I do where folks install plugins and never configure them, or even turn them on! You actually get a whale of a lot in caching help just by clicking Enable on this plugin.

2. Widget Cache System (premium feature)

The Widget Cache feature is available in the premium version. You can reduce the number of sql queries with this feature.

When “Cache System” is enabled, the page is saved as a static html file, thus PHP and MySQL does not work for the page which has been cached. MySQL and PHP work to generate the html of the other pages which have not been cached yet.

Every time before the cache is created, the same widgets are generated again and again. This feature avoids generating the widgets again and again to reduce the SQL queries.

3. Preload

Create a cache of the entire site automatically (shared hosting should use 4-6, VPS should use 10-12. Creates a caching delay for the first user who views the page. Learn more).

Preload compiles all PHP (code) and SQL (database) calls into a static HTML file for faster delivery.

Best practice of Use of Preload:

  • Do not use if you are also using Cloudflare.
  • If not using Cloudflare:
    • Less than 10k hits/day, turn on preload.
    • More than 10k hits/day, don’t turn on preload.

You might want to monitor your hosting resources, or check with your CDN provider if you are using one other than Cloudflare.

If you do use preload, only turn on the items that get visited the most, like:

  • Homepage
  • Posts
  • Categories

This will save on your hosting resources too.

If you need to turn on others, do so, just keep an eye on your hosting resource load.

4. Logged In Users

WP Fastest Cache already sets a logged in user cookie for:

  • Admin User
  • Woocommerce User
  • Commenter (when comment is held in moderation)

Subscribers, such as on a member site would also be considered logged in Users. And you want them to see the cached version of the site’s content.

So, you want to leave this setting unchecked.

(FYI, I verified all of the above with the plugin dev. I also suggested he create documentation to clarify what counts as a logged in user.)

5. Mobile

Because mobile shows less content than desktop, there are different combinations you need to consider for these settings.

If you are using the premium version of WPFC and have lazy load turned on, then turn on both mobile settings too.

If you are using the free version of WPFC and have a responsive theme, then turn off both mobile settings.

If you have a totally separate mobile version of your site, such as AMP, then turn on both mobile settings. (The second setting is only available in the premium version of this plugin.)

6. Mobile Theme(premium feature)

Used for caches mobile theme .

Also Read 5 Best WordPress Blog Themes of 2021 : Free and Pro SEO Friendly

7. New Post

Clear all Cache for the whole site is the default setting when you publish a new post. You’ll likely want to leave it set this way due to how many places your new post may display on your site, such as any type of recent post listing.

8. Update Post

When you update an existing post, only select site elements are affected, so I recommend setting the plugin to only clear cache on them, instead of losing speed on the rest of the site. (Learn more).

9. Minify HTML

Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up downloading, parsing, and execution time.

10. Minify HTML Plus (premium feature)

The feature minifies the html source more.

The Minify Html Plus feature converts the HTML from the original size to the smallest size and it does not break up anything. This feature contributes to speed up the page.

Main Features

  • Remove empty lines
  • Remove line breaks between <div> if there is no tag such as <script>, <style> or <textarea>
  • Remove line breaks between <li> if there is no tag such as <script>, <style> or <textarea>
  • Minify inline CSS
  • Minify inline Js
  • Remove comments
  • Remove space in the tag

11. Minify CSS

Decreases size of CSS files, a high priority GTmetrix item (Learn more).

12. Minify CSS Plus (premium feature).

More powerful CSS minification and improve speed and score in the GTmetric.

13. Combine Js and Css Files

This feature combines the Js and Css files between <head></head>. Decreasing the number of javascript and css files on a page reduces the number of HTTP requests required to render the page, resulting in faster page loads.

14. Combine JS Plus – (premium feature)

The feature minifies the combined js files which are in footer.

Combine JS Plus feature combines the js files which are in footer.

15. Gzip

This type of compression makes a zip version of your site elements, which the browser later explodes. It delivers up to 85% speed improvement.

But, it only works completely on Apache servers.

If you’re on Litespeed, it already has a similar function built in, called APC, which will show up in speed test results as Gzip. Adding Gzip via this plugin will speed up the elements that APC can’t do alone. Just don’t expect as drastic a speed improvement as on Apache, simply because it needs more speed help.

If you’re using Cloudflare, it uses Brotli compression, which is even better than Gzip, but not all browsers support it fully yet. Brotli will also display positive for Gzip in speed tests.

Gzip Use Rule of Thumb:

  • Turn on for Apache servers
  • Turn on for Litespeed Servers and test again for modest additional speed improvements
  • Turn on even if you are using Brotli via Cloudflare

Also Read – How to Become a WordPress Developer in 2021

16. Browser Caching

This setting needs to coordinate with your CDN, like Cloudflare, if you are using that.

Turn this on in the WPFC plugin.

Then at CloudFlare, set Browser Caching to Respect Existing Headers.

You may need to run tests to ensure this combo is the one that works best for your setup.

The dev sets browser caching in the plugin for 6 months. And to ensure that it and Cloudflare stay in step with each other, you MUST set the CDN to respect the headers that this plugin is sending, instead of setting a time frame at the CDN too.

17. Disable Emojis

Definitely turn this on if you don’t use emojis in your content or comments. You’ll get a small speed improvement all over your site.

18. Render Blocking JS (premium feature).

If you analyze the speed of your site via Google PageSpeed Insights, you may get a warning which is Eliminate render-blocking JavaScript and CSS in above-the-fold content as below.

eliminate render blocking warning
Render Blocking JS

This warning contains two part which are Optimize CSS Delivery and Remove render-blocking JavaScript.

remove render blocking javascript

– This feature fixes only Remove render-blocking JavaScript warning.
– This feature does NOT fix Optimize CSS Delivery warning.

How it works

You can find lots of tutorial which are talking about adding attributes which is “defer” or “async” or loading js after page load. This is so easy way but it does not fix the problems.

The all script tags are moved to the footer.

19. Google Fonts (premium feature)

This setting will speed up most sites, as it pushes the calls outside your site to Google way down in the load order.

However, it could also reduce your Google PageSpeed Insight (GPSI) score, depending on how much has to load prior to the Google fonts loading. GPSI wants to ensure that your theme displays default fonts quickly until the Google fonts load.

20. Lazy Load

Lazy loading works on images to provide a smaller placeholder image instead of the actual image, on any images that are below the fold on the device being used by the visitor. This allows Google to index the image attributes without slowing your page load down.

The actual image is loaded once the site visitor scrolls to that section of the post/page.

Lazy Load also works on videos when iframe code is used to embed them, and when the video appears below the fold. It will not work on videos using oEmbed.

You can also select your own placeholder image instead of the one provided by WPFC, but it is sufficient.

FYI: there is no option to turn off lazy load on a per page/post basis. But, when you click the Next button, you will see another screen to Exclude Sources.

These will be applied globally, though.

FYI: If you already have lazy load turned on and want to check your settings, then uncheck the box for lazy load and then check it again and the following settings screens will appear.

Premium feature, however lazy load was built-in to WordPress 5.5 anyway.

WP Fastest Delete Cache

Once you’re done configuring the WP Fastest Cache settings, delete cache and minified CSS/JS.

image 1

WP Fastest Cache Image Optimization

Premium feature which losslessly compresses images (an item in GTmetrix). There are other free plugins that do this like ShortPixel, Imagify, or TinyPNG (no need to upgrade just for this).

WP Fastest Cache Image Optimization

Losslessly compressing images fixes the “optimize images” item in GTmetrix:

WP Fastest Cache Premium

WP Fastest Cache does have a premium version available. You have to download and install the free version first, and then you can upgrade from within it. There is a one-time payment per site.

For ultimate speed, it is definitely worth paying for!!

The minify and combine features are far more aggressive in the paid version and there are other features to help with database cleaning and reduction of calls to your database.

WP Fastest Cache Premium

WP Fastest Cache Exclude

If any of the minify settings break your website, view the source code, find the problematic CSS or JavaScript files(s), and exclude them from minification by adding new CSS + JS rules. If you don’t see visible errors on your site when enabling minification settings, you can skip this step.

WP Fastest Cache Exclude Settings 1 1

WP Fastest Cache CDN Settings

A CDN makes your site faster by hosting it on multiple servers around the country and world as opposed to 1 origin server, reducing the geographical distance between the server and visitors.

  • BunnyCDN – the CDN that is most recommended. Affordable pricing, 50 data centers, easy to setup, and a consistently performant CDN.
  • StackPath – can be a solid choice but can actually increase TTFB in some cases. Recommended by the WP Fastest Cache developer but not who most people recommend.
  • Cloudflare – free but can also increase TTFBs in some cases. Cloudflare is setup differently (by changing nameservers). See the Cloudflare section for setup instructions.

WP Fastest Cache Cloudflare

This section is for setting up Cloudflare.

WP Fastest Cache is totally compatible with Cloudflare. In order to minimize potential conflicts, you need to Cloudflare cdn integration.

This integration has two important goals. Firstly, this integration prevents incompatibilities that may occur between Cloudflare and WP Fastest Cache by changing some settings of Cloudflare. Secondly, purging cache of Cloudflare cache as well when the cache is cleared via WP Fastest Cache.

Step 1: Sign up for Cloudflare and you will be prompted to add your website and begin a scan.

Cloudflare CDN Plans

You will eventually come to this page where Cloudflare assigns you 2 nameservers and provide a link to your Global API Key.

Step 2: Update name server with new name server provided by cloudflare

Step 3. Grab your Global API Key from the link in Cloudflare.

How to Find Cloudflare API Key

1. Go to https://www.cloudflare.com/a/profile
2. Click on “API Tokens” tab
3. Click on “View” and copy the Global API key

Cloudflare Global API Key

Go back to WP Fastest Cache and click the Cloudflare tab. Enter the same email address used in your Cloudflare account, as well as your Global API Key.

Now Come to the WordPress Dashboard and follow this.

  1. Click on the Cludflare button and enter the same email address and Cloudflare API key
cloudflare integration step 1

2. Keep clicking next in WP Fastest Cache. They will automatically turn off the minify settings in WP Fastest Cache (since Cloudflare will now do this). They will also turn off Rocket Loader for better compatibility (your website won’t break), and set browser cache expiration to 24 days.

cloudflare integration step 2
cloudflare integration step 3
cloudflare integration browser caching

3. Looks good!

cloudflare tab

Step 4. Finally, go to your Cloudflare caching settings and purge individual files.

How to Test Your Settings.

Following is the method I use to test these plugin settings.

  • Max out the settings in the free version.
  • Purge all cache everywhere.
  • Check the site function and speed immediately, then after 10 hours or next day.
  • If all is well, max out the settings in the paid version.
  • Repeat the purge and checks.

If your site slows down, it’s likely that your theme can’t handle some of the combine settings.

  • Turn off the combine for CSS and JS and recheck.
  • Turn back on the CSS combine and recheck.
  • Turn off the CSS combine and turn on the JS combine and recheck.

This should give you an idea of which one is the culprit and you may have to leave that extra speed tweak off until you change themes or plugins, whichever is the cause.

If using Cloudflare, it can take up to 24 hours to propagate, so check back then.

Also Read – How to Add Google Adsense to WordPress: Verification code and Ads in 2 simple step?

Conclusion

That’s it guys all about Best WP Fastest Cache Settings If your website loads faster, feel free to leave your new page load time in the comments! Or if you have any questions I’m glad to help with that too. As you can see I’m a pretty big nerd when it comes to WordPress speed so if you follow these recommendations, there’s no reason your website shouldn’t load in under 3s. And if you found this tutorial helpful, sharing is appreciated.

Frequently Asked Questions

How do I know my blog is being cached?

You need to refresh a page twice. If a page is cached, at the bottom of the page there is a text like
“<!– WP Fastest Cache file was created in 0.330816984177 seconds, on 08-01-14 9:01:35 –>”.

Does WP Fastest Cache is work with Nginx?

Yes, it works with Nginx properly.

Is WP Fastest Cache compatible with Multisite?

Yes, it is compatible with Multisite.

WP Fastest Cache plugin compatible with Adsense?

Yes, it is compatible with Adsense 100%.

What is the best cache plugin for WordPress?

1. WP RocketWP Rocket is the best WordPress caching plugin in the market
2. W3 Total Cache.
3. WP Super Cache. …
4. Built-in Cache Plugins from Hosting.

Do plugins slow down WordPress?

Yes, more plugins will add more code that a browser has to load, which can slow it down. … Since plugins are basically a way of adding code without having to write it yourself, telling new WordPress folks to run as few plugins as possible is great advice.

Why should I clear cache?

Your apps and web browser store bits of information to speed up your experience using them. Over time, your phone may collect a lot of files you don’t really need. You can clear out the files to free up a little storage space on your device. Clearing cache can also help with website behavior issues.

How many plugins is too many on WordPress?

Too many plugins can lead to security breaches on your site, site crashes, bad performance, slow loading speeds, and more. A good rule of thumb is to never exceed 20 plugins. If your site is hosted on shared or budget cloud hosting, try not to use more than 5 plugins.

Leave a Comment