6 Ways to Measure Core Web Vitals

Table of Contents

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.

Page Speed Insights Core Web Vitals Measure Core Web Vitals


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.
Crux Core Web Vitals 1 Measure Core Web Vitals

Web Vitals Extension

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

Chrome Extention Core Web Vitals Measure Core Web Vitals

About the Author

Zabi Niazi - Director of Search Marketing SEM and SEO

Hands-on execution & Revenue-focused digital marketer with expertise in Design & Operations centered around people, processes & technology engineering a Demand-Gen Engine capable of delivering innovative experiences that tell the brand story and map to the buyer's journey generating awareness, acquisition, retention, and advocacy.