Google incorporates Core Web Vitals measurement capabilities into many of its tools. Read about them here.

Google has defined a set of values ​​that site owners should focus on when optimizing for the user experience.

By defining these vital web elements, Google aims to provide unified guidelines for quality signals that Google says are essential to providing an excellent web user experience.

“Quality of the user experience of website layouts is the key to the long-term success of any business website.

Whether you’re a running business, Digital marketer, or Software developer, Web Vitals can help you quantify your site experience and identify opportunities for improvement. ”

Google emphasizes the importance of Core Web Vitals over other values, as they are essential to all web experiences.

Users’ expectations for web experiences may vary by site and context, but some remain consistent no matter where they are on the web.

Core Web Vitals are the user experience needs that all websites should strive to meet.

Specifically, Google identifies the basic needs of the user experience as loading, interactivity, and visual stability.

Measuring the user experience with Core Web Vital

Google says site owners can measure the quality of their site user experience with these values:

• The largest painting content: the time required to load the main content of a page. An ideal LCP measurement is less than or equal to 2.5 seconds.
• First entry delay: The time it takes for a page to become interactive. An ideal measurement is less than or equal to 100 ms.
• Cumulative Layout Shift: The number of unexpected changes in the appearance of the visual page content. An ideal measurement is less than or equal to 0.1.

Google explains why these three values, in particular, are so important:

“All these values ​​capture important user-centered results, are measurable in the field, and have equivalent measurement support and laboratory diagnostic tools.

For example, although Largest Contentful Paint is the baseline loading metric, it is also highly dependent on First Contentful Paint (FCP) and Time to First Byte (TTFB), which remain essential for monitoring and improvement. ”

How to measure vital Scores

Google incorporates Core Web Vitals measurement capabilities into many of its existing tools.

• Core Web Vitals can now be measured using:
• Search Console.
• Page Speed ​​Insights.
• Far
• Chrome DevTools.
• Chrome UX report.
• Vitals Web Extension.

Here’s more about using each of these tools to measure the Vitals Web core.

The report identifies groups of pages that need attention based on real-world data in the Chrome UX report.

With this report, keep in mind that URLs will be omitted if they do not have a minimum amount of reporting data.

Page Speed ​​Insights

Page Speed ​​Insights has been updated to use Lighthouse 6.0, making it able to measure Core Web Vitals in both the lab and field sections of the report.

Core Web Vitals are annotated with a blue ribbon, as shown below.

Lighthouse

Lighthouse was recently updated to version 6.0, including additional audits, new values, and a new composite performance score.

Two of these new added values ​​are Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS).

These values ​​are laboratory implementations of Core Web Vitals and provide diagnostic information to optimize the user experience.

The third new metric – Total Block Time (TBT) – is said to correlate well with First Input Delay (FID), which is another Core Web Vitals metric.

All products that Lighthouse feeds are updated to reflect the latest version.

Chrome UX report

Also called CrUX, this report is a public dataset with real user experience data from millions of websites.

The Chrome UX report measures the field versions of all Vitals web elements, which means they report real-world data rather than lab data.

Google recently updated the report with a new Core Web Vitals landing page

Chrome DevTools

Chrome DevTools has been updated to help site owners find and fix visual instability issues on a page that can help change the cumulative layout (CLS).

 

choose a Shift Shift to view its details in the Summary tab. To view where the change occurred, hover your mouse over the Move from and Move to the field.

Chrome DevTools also measures total blocking time (TBT), which is useful for improving first entry delay (FID).

TBT is now displayed in the footer of the Chrome DevTools Performance panel when you measure page performance.

Performance optimizations that improve TBT in the laboratory should also improve FID.

Vitals Web Extension

A new extension, now available for installation from the Chrome Web Store, measures the three Core Web Vitals values ​​in real-time.

You can download and install the extension here.

But other valuable values?

As important as Core Web Vitals are, they are not the only values ​​for the user experience to focus on.

But other valuable values?

As important as Core Web Vitals are, they are not the only values ​​for the user experience to focus on.

As Google improves its understanding of the user experience in the future, it will update Core Web Vitals annually.

Google will also provide updates on future Web Vitals candidates, the motivation behind their choice, and the state of implementation.

For now, at least, the company is heavily invested in improving understanding of page speed

What did you think?

Now I would like to hear from you:

Leave comments on other blogs?

 Anyway, let me know by leaving a comment below right now.