Core Web Vitals: What They Are and How Will They Affect Web Positioning

Core Web Vitals | Web Optimization | SEO
There's a new set of metrics rolling down the road websiteCore Web Vitals. Formerly known as Google Search Console, Web Vitals are a new set of performance metrics that help highlight various aspects of page development website. Among these, those that affect user experience, page load time, interactivity and visual stability, which will be part of the score of Google Page Experience.

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.

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

Largest Content Paintful

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?

  • Images.
  • Iconography of the svg type.
  • Videos.
  • Money.
  • Gradients

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.
  • Postpone any non-critical JavaScript and CSS until after the main content of the page loads.

Cumulative Layout Shift or CLS

Cumulative Layout Shift
Measures the frequency and severity of unexpected layout changes on a page. In this way the visual stability of a website, while calculating the amount of visible content scrolled in a window and the scrolling distance of the affected elements.

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

First Input Delay

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.

WebArt Panama