Configure WP Super Cache to Fix Core Web Vitals Errors in 2021

configure WP Super Cache to fix Core Web Vitals errors

The speed of a website is one of the most important factors today due to its direct relationship with the user experience, Core Web Vitals, and SEO. And Core Web Vitals is much important.

In addition, search engines like Google take loading speed into account for rankings, and the less it takes to load, the better position your website will have in the search engine.

One of the most effective ways to speed up a WordPress site is to use cache.

We will Configure WP Super Cache to Fix Core Web Vitals errors on a website called Blogginguidez.com and see the Live results. Everything will be practical.

So let’s check the PageSpeed Insights report for this website to check website speed and Core Web Vitals errors.

Here’s the result:

Pagespeed Insights report befor configuring wp super cache

In this article, we will see a step-by-step guide on how to configure the WP Super Cache WordPress plugin to fix Core Web Vitals errors and speed up your WordPress website.

Before Configuring WP Super Cache

Before Configuring the WP Super Cache plugin, I suggest you check the performance and speed of a WordPress site first with Google Page Speed, GTmetrix, or Pingdom tools.

You need to make comparisons before and after installing the WP Super Cache plugin.

Make sure there are no other active cache plugins like W3 Total Cache on your site as they both have the same functionality as caching that should not be activated at the same time.

In other words, you should disable or remove any plugins that contain the cache to avoid conflicts and crashes during WP Super Cache installation.

Configure WP Super Cache Plugin to Fix Core Web Vitals Errors

Easy tab

To enable the cache feature, go to Settings> WP Super Cache section.

Select “Caching ON” (Recommended) and then click update status to save your settings.

enable caching - wp super cache

Once enabled, how do we know that this cache feature is working?

The trick is to click the “Test Cache” button to make sure the cache mechanism has been applied.

cache tester - wp super cache

WP Super Cache will take the test twice and compare the time and appearance of both pages while loading. If the time and appearance are almost the same, that means caching is working on your WordPress site.

Advanced tab

Sliding sideways into the Advanced tab we will make a more complex arrangement as a continuation of the previous steps.

Caching

advanced settings - wp super cache

In the “Caching” section, be sure to enable the ‘Enable Caching‘ option.

Cache Delivery Method

In the cache delivery method, tick ‘Simple‘ among simple and expert.

Miscellaneous

Then, in the next 9 options, select these options Only. 

  • Enable “Disable caching for logged-in visitors.”
  • Enable “Don’t cache pargetting with GET parameters. (?x=y at the eURLof a url).”
  • Enable “Compress pages so they’re served more quickly to visitors.”
  • Enable “Cache rebuild. Serve a super-cache file to anonymous users while a new file is being generated.”
  • Enable “304 Browser caching. Improves site performance by checking if the page has changed since the browser last requested it.” If the WEB page has not been modified since the user accessed it for the last time, the cached page is served in the user’s own browser, saving resources on the WEB server.

Advanced

The most important options that I have activated have been:

  • Enable dynamic caching.
  • Clear all cache files when a post or page is published or updated.
  • Extra homepage checks. (Very occasionally stops homepage caching).

Expiry Time & Garbage Collection

Expiry Time & Garbage Collection

Perform the settings as shown below in the Cache Timeout and Scheduler section.

And lastly, don’t forget to click Change expiration.

The default cache timeout is 1800 seconds. We recommend changing it to 3600 seconds.

Accepted Filenames & Rejected URLs

In this section, make sure you Enabled “Search Pages (is_search).” and Hit the Save Settings button.

This section’s purpose is “Do not cache the following page types. See the Conditional Tags documentation for a complete discussion on each type.”

CDN

In the CDN tab, to use it you must register with a CDN service. Here we recommend activating it and leaving the options that come by default. To modify any other option you must understand well what you want to apply so as not to cause internal problems.

cdn - wp super cache

Contents

Go to the Content tab. In it, you will see all the web pages that have been cached. If after activating the plugin you make any changes, immediately go to this tab and then to Regenerate cache starts, that way the data is updated.

contents - wp super cache

Preload

preload - wp super cache

WP Super Cache incorporates a very interesting option to show a page already cached to new users who enter our WEB, including Google robots, so that our page loads as quickly as possible, helping us to improve our SEO positioning.

Here’re 2 options:1. Preload mode (garbage collection disabled. Recommended.) and 2. Preload tags, categories, and other taxonomies. Enable 1st option.

Plugins and Debug

Leave these sections as is. These options are more focused on PHP plugin developers with the aim of making the source code compatible with WP Super Cache. Normal users will not use these options.

Optimizing your WEB page so that it loads quickly is the first step to attracting traffic.

How to Manually Clear the Cache 

Almost finished!

There is only one more thing I want to cover.

Like I said before, caching can delay changes made to your site. But sometimes you will make a change to your site that you want to go live immediately for all users.

To do this, manually clear the cache.

This forces WP Super Cache to generate a new cache that incorporates the latest changes.

Here’s how to do it:

Go to Settings → WP Super Cache. Then click the Content tab and select Delete Cache.

delete cache manually - wp super cache

And that’s all there is to it!

Result Matters – Conclusion

Looking ahead, you never have to worry about your visitors yelling at your computer screen, waiting for your website to load.

Now you have the knowledge you need to ensure your website loads as fast as possible, for everyone.

All that is left to do is put your knowledge into practice.

Now it’s time to take a look at the result:

pagespeed Insights report after configuring WP Super Cache

Absolutely amazing! Now you can see Website is Core Web Vitals errors free and much faster.

Install the WP Super Cache plugin, and configure WP Super Cache to fix Core Web Vitals errors and speed up your website. You will have a faster loading website before you can finish a cup of coffee.

Leave a Comment

Your email address will not be published. Required fields are marked *