6 Ways to Measure Core Web Vitals

Core Web Vitals measures user experiences on your website. Core Web Vitals report shows how your pages perform based on real-world usage data, aka field data.

Longer page load times have a severe effect on bounce rates

  1. Google Search Console
  2. Google PageSpeed Insights
  3. Lighthouse
  4. Chrome DevTools
  5. Chrome UX Report
  6. Web Vitals Extension

Google Search Console

Google announced the Core Web Vitals on Chrome blog May 5th, 2020 and since then have replaced the speed report in Google Search Console.

Navigate to Enhancements, left menu on Google search console to find Core Web Vitals, shown in screenshot below.

Google Search Console - Core Web Vitals
Google Search Console - Core Web Vitals Report
Google Search Console – Core Web Vitals Report

The report identifies groups of pages that require attention, poor URLs and good URLs.

PageSpeed Insights

PageSpeed Insights has been upgraded to use Lighthouse 6.0, which makes it capable of measuring 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 upgraded to version 6.0, includes additional audits, new metrics, and a newly composed performance score.

Two of the new metrics added are

  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)

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

These metrics are lab implementations of Core Web Vitals and provide diagnostic information for optimizing user experience.

Chrome DevTools

Chrome DevTools has been updated to help site owners find and fix visual instability issues on a page that can contribute to Cumulative Layout Shift (CLS).

In addition, Chrome DevTools also measures Total Blocking Time (TBT), which is useful when it ones to improving First Input Delay (FID).

Chrome UX Report

Also referred to as CrUX, this report is a public dataset of real user experience data on millions of websites.

The Chrome UX report measures:

  • Field versions of all the Core Web Vitals, which means it reports on real-world data rather than lab data.

Web Vitals Extension

A new Google Chrome Web Store extension, now available to install, measures the three Core Web Vitals metrics in real-time.

Leave a Reply