Worried about Google’s Web Vitals update?
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?
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.
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:
Configure WP Rocket
Installed WP Rocket?
- ☑ Enable lazy loading for images and iframes
- ☑ Enable unused CSS
Next, you will need to 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.