UxnotivoResearch · Insights · Clarity
Guide · Context

Core Web Vitals Through a Usability Lens

Core Web Vitals tend to be discussed as a technical or search topic. They are also a usability topic: each one measures something visitors notice, from a page that seems stuck to a button that jumps away just as someone taps it.

Short answer

Google names three Core Web Vitals. For loading, Largest Contentful Paint should land within 2.5 seconds. For responsiveness, Interaction to Next Paint should stay at or under 200 milliseconds. For stability, Cumulative Layout Shift should stay at or under 0.1. Each is judged at the 75th percentile of page loads, with phones and desktops assessed apart.

On this page

The three metrics and their thresholds

Google's web.dev documentation defines three Core Web Vitals and a "good" threshold for each 1.

Core Web Vitals thresholds
MetricGood markWhat it tracks
Largest Contentful Paint (LCP)Within 2.5 sTime until the biggest visible element, such as a hero photo or headline block, finishes drawing
Interaction to Next Paint (INP)200 ms at mostDelay between a tap, click or key press and the next visual update
Cumulative Layout Shift (CLS)0.1 at mostTotal unexpected movement of visible content while the page is open

The same documentation advises judging every metric at the 75th percentile of page loads and keeping mobile and desktop results apart 1. In other words, a page meets a threshold when at least three in four visits experience a value at or better than it. Looking only at an average, or only at desktop, can hide a poor experience for a large group of visitors.

What each metric feels like

LCP: "Is anything happening?"

When the main content takes a long time to appear, visitors see a blank or half-built page. Some wait; some leave; some tap the back button and choose another result. A slow LCP is the visitor's first impression of the site's competence.

INP: "Did that work?"

INP replaced First Input Delay as a Core Web Vital in 2024. It captures the delay between an interaction and the next visual update. When a button does not react, people tap it again, which can submit a form twice or add two items to a cart. Slow responses feel like broken controls.

CLS: "It moved."

Layout shift is the most directly usability-related of the three. Content that jumps as images, ads or banners load makes people lose their place while reading, and can cause them to tap the wrong thing. A visitor reaching for "Cancel" who hits "Confirm" because the layout shifted has experienced a real error caused by a performance problem.

Field data and lab data

There are two ways to measure these metrics. Field data comes from real visits, collected by the browser and reported through sources such as the Chrome UX Report or your own monitoring. Lab data comes from a test run in a controlled environment, such as Lighthouse.

Field data is the better guide to what visitors experience, because it reflects real devices, networks and behavior. Lab data is useful for diagnosing causes and checking a fix before release. When the two disagree, investigate why rather than choosing the more flattering number.

INP, in particular, depends on real interactions, so lab tools can only approximate it. Treat lab results for responsiveness as hints.

Mobile checks after the Mobile-Friendly Test

For years, many site owners used Google's Mobile-Friendly Test and the Mobile Usability report in Search Console as a quick check. Search Engine Land reported that Google retired the Mobile Usability report, the Mobile-Friendly Test tool and its API in early December 2023, pointing site owners to Lighthouse instead 2.

Lighthouse remains useful for technical checks, but neither it nor Core Web Vitals tells you whether a person can complete a task comfortably on a phone. Tap target size, form behavior with the on-screen keyboard and menus that are hard to find all need human review. Our mobile usability service covers those checks on real devices.

Common causes, from a usability point of view

Typical causes and visitor-facing effects
ProblemCommon causeWhat visitors experience
Slow LCPLarge unoptimized hero images, slow server response, render-blocking scriptsA blank or partial page on arrival
Poor INPHeavy JavaScript running during interactions, large third-party scriptsButtons and menus that lag or seem unresponsive
High CLSImages and embeds without reserved space, late-loading banners, web fonts swappingContent jumping, mis-taps, lost reading position

Many of these causes come from third-party tools added over time: chat widgets, testing scripts, tag managers and advertising code. Each may be small on its own, but together they slow the page. Our A/B testing guide explains how client-side testing tools can add to layout shift.

Putting the metrics in context

Passing all three thresholds does not make a site easy to use, and failing one does not make it unusable. A fast page with confusing labels still fails visitors. Treat Core Web Vitals as one input in a usability review, alongside task-based testing and an expert review of content and flows.

When you report the metrics to non-technical colleagues, describe the experience rather than the number. "One in four phone visitors waits more than four seconds for the product photo to appear" is easier to act on than "mobile LCP at p75 is 4.1 seconds". Be careful to use your real figures; the example in this paragraph is illustrative.

Using the metrics in a usability study

Performance and usability findings support each other. When a participant in a session taps a button twice, hesitates in front of a blank page or loses their place as an image loads, note the moment and compare it with your field data for that page. If the session problem matches a metric that fails at the 75th percentile, you have both a human explanation and a measure of how widely the problem reaches. That combination is more persuasive to a development team than either piece of evidence alone, and it helps decide whether a fix belongs with designers, developers or both.

Core Web Vitals questions

Do Core Web Vitals affect search rankings?

Google has said that Core Web Vitals are among the signals its ranking systems use, alongside many others. For usability, the reason to care is simpler: each metric reflects something visitors notice.

Which metric should we fix first?

Start with whichever metric fails for the largest share of visits on your most important pages, and check field data for mobile and desktop separately.

Are the thresholds the same for every kind of site?

Yes. Google publishes one set of thresholds for all sites. Some kinds of page find certain thresholds harder to meet, but the targets are the same.

Sources

  1. Web Vitals, web.dev (Google), last updated October 31, 2024.Primary, platform documentation
  2. Google officially drops Mobile Usability report, Mobile-Friendly Test tool and Mobile-Friendly Test API, Search Engine Land (Barry Schwartz), December 2023.Secondary source, industry news