What are Core Web Vitals
Core Web Vitals are metrics used by Google to measure the User Experience (UX) of your website.
These metrics focus on three aspects:
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
What is Largest Contentful Paint – This metric measures the time it takes to the largest element of the page to load since the user clicks your URL.
It is measured in seconds: the lower the time, the better the user experience.
According to Google, a good LCP is under 2.5 seconds; if your LCP is between 2.5 and 4 seconds, it needs improvement; if your LCP exceeds 4 seconds, it is poor.
What is First Input Delay – If a link of your website makes the user able to interact with a piece of content – that is, to complete an action, Google measures the time from when that link is clicked to the moment when your website fully responds to that interaction. This is FID.
It is measured in milliseconds and also in this case, the lower the time, the better the UX.
According to Google, a good FID is under 100ms; if your FID is between 100 and 300 milliseconds, it needs improvement; if your FID exceeds 300 milliseconds, it is poor.
What is Cumulative Layout Shift – If your page shifts while it is loading, Google measures the amount of shifts using a score from 0 to 1. The higher the score, the worse the UX.
According to Google, CLS is good if it is under 0.1; between 0.1 and 0.25, it needs improvements; if it is above 0.25, it is a poor CLS.
In a nutshell: Google, as well as social media, focuses on user experience. If you provide a good experience, without disruptions, your website will be considered a good website by Google and this will increase your possibilities to succeed.
As you see, all these metrics focus on speed. If you want to know one way to improve your website’s speed, read this.
Where to Find Core Web Vitals and How to Fix Speed Issues
To find your website’s report, go to Google Search Console and select your website verified property (if you want to know how to verify websites with Google Search Console, read this).
You will find Core Web Vitals in your Google Search Console dashboard. Once there, you will have access to your report and also to Google PageSpeed Insights. Speed reports will allow you to locate and solve the speed issues related to your website, in order to fix them and improve the User Experience (UX) provided by your website.
If you want to analyze any page Core Web Vitals easily and fast, you can add the Web Vitals Chrome extension: by adding this extension, you will be able to see the score of the three main metrics for any page you want.
In general terms, Google provides you with a few suggestions to improve your website – for particular tips, you can make reference to your PageSpeed Insights report:
- First of all, prioritize: it makes no sense to start solving the issues showed by your customized report from those that need improvements. Start from those that show a poor score.
- Reduce pages’ size: max 500KB.
- Limit the number of pages, max 50, or mobile UX could be negatively affected.
- Consider AMP – Accelerated Mobile Pages. This open source tool created by Google and Twitter that allows you to improve the performance of your website, especially on mobile devices.
- Now, you can test your fixes using PageSpeed Insights.
You reached the end of this brief article on how to improve the performance of your website according to Google! I hope you will find it useful, and if you have any questions, tips or opinions just leave a comment below. And have a nice day!
If you want to know where my real journey began, join the community for free!