The Easiest Guide to Pass Core Web Vitals (Verified)
Worried about Google's Web Vitals update?
Everyone is.
80% of the websites that I see, can not pass the web vitals audit.
If your blog or website is one of these, then you must be looking for a way to pass the core web vitals.
You search on Google and you see these loooonng guides.
These guides ask you to use a faster hosting.
These guides ask you to use a better theme and fewer plugins.
Well, they are right. But what if you cannot switch to a faster hosting or better theme or have fewer plugins?
Well, you can still optimize your WordPress site to successfully pass the core web vitals requirement from Google.
So, is this going to be a long & detailed guide as well?
No.
Obviously not. In this guide, possibly the shortest on the web, I will teach you on how to pass core web vitals test and score green on all the important indicators on pagespeed insights.
Table of Contents
What do I need to pass the Core Web Vitals test?
You need fast hosting. There is no compromise on this. A superfast hosting like WPX will automatically take your site close to passing Core Web Vitals.
You also need two paid plugins:
- WP Rocket ($49)
- Perfmatters ($29) - use
GAURAVTIWARI
code to get 20% discount.
WP Rocket is not required. You can couple Perfmatters with any cache plugin. If you are looking for a free option, I'll always suggest W3 Total Cache or Hummingbird.
Configure WP Rocket
Installed WP Rocket?
Configure the plugin as instructed here.
Remember to:
- ☑ Enable lazy loading for images and iframes
- ☑ Enable unused CSS
Done.
Next, you will need to configure perfmatters.
Configure Perfmatters
Enable these modules:
- Disable Emojis
- Remove jQuery Migrate
- Disable Dashicons
- Disable Google Fonts (if possible); or host Google Fonts locally
Don't enable Lazy Loading if you enabled it in WP Rocket. In WP Rocket, exclude your logo image (you can use logo filename, like logo-dark-520.png
). This helps in handling cumulative layout shifts.
Enable local analytics in perfmatters.
Once you are done with these, go to Assets section in perfmatters.
Enable Script Manager and save it.
Now open your blog's homepage and click on Script Manager in Admin Bar.
Here you will see all the files that your theme or plugins are loading on your homepage.
Disable unnecessary scripts and styles from loading on Entire Site or on just the current URL.
You can use post types, regex and user-types to exclude when you select to disable a style or script on the Entire Site.
Done.
Need help? Send me a message on Telegram or via Contact Form.