The following explains in detail the news of this change and everything you need to know about this update scheduled to go out in May 2021.
- 1 Core Web Vitals and the implications it has on Google Page Experience
- 2 Largest Contentful Paint or LCP
- 3 Cumulative Layout Shift or CLS
- 4 First Input Delay or FID
- 5 How are Web Vitals measured or verified?
Core Web Vitals and the implications it has on Google Page Experience
Opportunities to improve the user experience are intended avoid delay in the time it takes to find the answer you are looking for. Undoubtedly, these delays cause a reduction in user satisfaction and the eventual abandonment of a site. To measure this response, Web Vitals focuses on three main metrics:
Largest Contentful Paint or LCP
Translated is something like "rendering" of the largest element with content and it measures the way in which the navigation from page to page appears complete for a user.
What items are evaluated with LCP?
- Iconography of the svg type.
What can be considered a good LCP time?
- Good: in the first 2,5 seconds of loading a website.
- Needs improvement: 2,6 - 3,9 seconds.
- Poor: 4 seconds or more.
How do you optimize a website for LSP?
- The largest page element should be identified and prioritized in page load.
- You need to improve server response times by using a CDN, caching, optimizing the server, or the code that runs on it.
Cumulative Layout Shift or CLS
How is the CLS calculated?
Unlike LCP and FID, CLS is a score. A higher number equates to a worse performance. Basically, the score is the distance an item has moved relative to the viewport and the frame.
What is a good CLS score?
- Good: 0,1 or less.
- Needs improvement: 0,11 - 0,25.
- Poor: From 0,25 onwards.
How do you optimize your website for CLS?
- Any activity on the page that occurs without user interaction must be removed.
- Any redundant and conflicting CSS that slightly changes the page layout after loading should also be removed.
First Input Delay or FID
It is related to the comfort of a user's experiences on the site website. For example, the responsiveness of buttons or other elements within each page.
The FID metric applies to discrete actions or actions that have a clear beginning and end, such as clicks, touches and keystrokes. Displacement and zoom they are continuous actions, so they are not evaluated in the FID metric.
What is a good FID time?
- Good: 100 milliseconds or less.
- Needs improvement: 101 milliseconds - 299 milliseconds.
- Poor: 300+ milliseconds.
How is a website optimized for FID?
- Resources can be grouped by URL and total time to facilitate your work.
- Delay or eliminate scripts from third parties that are not critical.
- Break up long tasks to improve all interactivity metrics.
How are Web Vitals measured or verified?
Google is working on making it easier for SEOs and site owners website the measurement of Core Web Vitals with different tools, among which are:
- Search Console: Through the Web Vitals report in Google Search Console they will be able to evaluate the pages of the entire site. This tool informs while identifying groups of pages that require attention based on data from the Chrome UX report.
- Google Page Speed Insights- This tool has been updated to use Lighthouse 6.0, allowing metrics to be measured website major laboratory and field sections of the report.
In conclusion, all this theoretical set can be overwhelming. However, every detail of Core Web Vitals it is understood from a very basic beginning: Google wants fast sites with a good user experience to rank higher. And in this task should be the focus of the next improvements. So the better your overall UX, the better a page's experience scores will be website.