6 Ways to Measure Core Web Vitals

Table of Contents

Core Web Vitals - How it Works

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 6 Ways to Measure Core Web Vitals

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.
CrUX Core Web Vitals 1 measure core web vitals 6 Ways to 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 6 Ways to Measure Core Web Vitals

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Seasonality-Planning---Google-Ads
SEM | Search Engine Marketing Blogs
Zabi Niazi

3 Strategies Help Seasonality Planning

Seasonality Planning Strategies During seasonal times, it’s important to focus on campaign efficiency while also connecting with your potential customers.  Three strategies help Seasonality Planning:

Read More »
Backlinks
SEM | Search Engine Marketing Blogs
Zabi Niazi

Actionable Strategies – Increase Backlinks

Backlinks also known as one-way links or Inbound Links are links from one website to a page on another website. Google and other major search engines consider backlinks “votes” for a specific page.

One strategy to increase the chances of showing Google page 1 or higher rankings is to increase the number of backlinks from credible and authoritative sites.

Read More »
Structured-Data-and-Markup
SEO | Search Engine Optimization Blogs
Zabi Niazi

Structured Data and Schema Markup

In this blog, I’ll share what structured data is, how it’s useful for both Google and you, how to get started using it, and some best practices if you already do.

Read More »
On page SEO Checklist
SEM | Search Engine Marketing Blogs
Zabi Niazi

URL

What is URL  URL stands for Uniform Resource Locator. The location of a webpage or file on the internet. The URL for the website you

Read More »