Google is continuously improving its algorithms and announced an algorithm update at the end of May 2020. Google added three new SEO metrics to better measure the user experience on a website, also known as the Core Web Vitals.
We're your Core Web Vitals Developers!
We will fix the core web vitals issue on reported URL's then submit them until they are in the 'Green' section..
Want to know what you can do to pass these Core Web Vitals? Read on!
So in this article, we are going to give you Core Web Vitals Checklist to pass it.
What is Core Web Vitals?
Explained in a nutshell, Google wants to strive for an even better, safer, and faster experience on the internet. This update now adds three new metrics for how Google will measure user experience:
Would you like to read more about what it is exactly and how it works? Then skip to what are the Google Core Web Vitals.
What exactly will Google Core Vitals Change?
Previously, Google only measured the page speed and security of website/web pages and whether the pages were also suitable for mobile devices. This will remain so.
Only more metrics related to page speed, responsiveness, and visual stability are now measured. With these values, so Core Web Vitals, you as a site owner or marketer can better measure the user experience on the internet.
Ultimate Checklist to Pass Core Web Vitals
Google Pagespeed Insight immediately gives you insights into what can be improved on your website and/or relevant web pages. But what can you do about it?
9 times out of 10 you see the same feedback. We are happy to list our learnings for you!
1. Check your Web Hosting Environment
What should you do? Check with your website developer how the hosting is arranged. Does your website have enough resources? What location is your website hosted at? The closer to the target audience, the better.
Also, don’t forget the layout of the hosting. Think of Server Side Rendering that works well together with existing caching functionality in the website.
We marketers and website owners love cool marketing scripts. Think of scripts that provide you with extra insights or fun things for your visitors. For example Chatboxes, Personalization Tools, Facebook Remarketing Pixel, Linkedin Insight Pixel, etc.
Scripts in the CMS are also very decisive that ensure the proper functioning of the website.
What can you do? Have the website builder review all scripts critically. Place the most important scripts as high as possible in the website <head>. Placeless important scripts as low as possible in the <body> or delay execution of the scripts where possible.
As an owner/marketer you can also take a critical look at the use of your marketing scripts. Don’t use scripts? Then remove them from your website.
3. Check your CSS
The web builder may have created your website based on a theme or completely customized. This will certainly play a role. A standard theme contains (often and many) unused CSS rules, which often creates an unnecessarily long loading time. This is also often because the stylesheets are loaded from an external source.
What can you do? Let’s remove unused CSS or try it yourself with a plugin. For example, do you have few CSS elements in use? Then consider putting the critical CSS directly in the HTML.
4. Clean up Plugins and Remove Unnecessary Functionalities
Especially in WordPress land, it is very easy to fill your entire website with “useful” functionalities or extras. But in practice, these plugins often create a huge lag and sometimes jump off the layout. This is detrimental to the performance of your site.
Especially outdated plugins or plugins that don’t get an update to hang like a millstone around your neck.
What can you do? Go through the list of plugins/functionalities And Upadate them. Think critically about what you do with it and whether you still need it. Nothing? Get rid of it!.
5. Compress Images and Use Lazy Loading
Beautiful images and videos are nowadays indispensable for your brand and/or product. But a good image or video often cuts into file size. This has a lot of influence on your charging speed and performance.
What can you do? Before uploading all images and videos to your website. Make sure to compress images. In addition, use lazy loading for images/video. This ensures that not all images are loaded at once, but only the images that are present on your screen.
Some useful articles:
- How to Lazy Load Adsense Ads to Improve Core Web Vitals
- How to Lazy Load YouTube Videos to Improve Core Web Vitals
6. Host Fonts Locally
A beautiful font for your website is also indispensable these days. But often these cause problems. The fonts now all have to be loaded from external sources. This causes a delay.
What can you do? Save the fonts locally.
Read: How to Host Google Fonts Locally.
7. Use Aspect Ratios Instead of Responsive Images
Where you used to make everything responsive to serve all images well for every device, it is now important to give all images a fixed height and width. This way you avoid shifting and jumping and you pass the CLS.
What can you do? Let’s specify height and width on image elements to reduce formatting shift
8. Caching, Minifying, and Preloading
Have you arranged or tackled all of the above properly? Good thing! Then make sure that everything can be properly cached and compressed on the client-side.
Is the above not good for each other? Then the caching and compression will be less effective.
What can you do? In the case of WordPress, there are good plugins such as Litespeed Cache and WP Rocket that provide proper browser caching and compressed files. Properly configure this and also to have it preloaded.
How do you measure whether you pass the Core Web Vitals?
It is possible to measure whether your website successfully passes the test in several ways.
- You can measure this right away in your own Google Chrome browser by going to Inspect > Lighthouse.
- Advice: go to Google’s Pagespeed Insight tool and randomly check multiple URLs of your website: https://developers.google.com/speed/pagespeed/insights.
Conclusion – Need help with Core Web Vitals?
So how is our Core Web Vitals Checklist? Share your suggestions in the comment box. If you have any questions then don’t hesitate to ask us in the comment box.
Are you ready for this SEO ranking factor? We are happy to help you with this or let you improve your website!
We have a team of professional developers that will fix CWV (Core Web Vitals) errors significantly for our clients for the highest Website Speed and Performance. So drop us a message or See Our Affordable Pricing if you’re struggling with Core Web Vitals stuff and Website Speed, and we’ll fix all Core Web Vitals errors for you.
Hopefully, to pass Core Web Vitals, this Checklist is helpful.