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.
| Metric | Good mark | What it tracks |
|---|---|---|
| Largest Contentful Paint (LCP) | Within 2.5 s | Time until the biggest visible element, such as a hero photo or headline block, finishes drawing |
| Interaction to Next Paint (INP) | 200 ms at most | Delay between a tap, click or key press and the next visual update |
| Cumulative Layout Shift (CLS) | 0.1 at most | Total 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
| Problem | Common cause | What visitors experience |
|---|---|---|
| Slow LCP | Large unoptimized hero images, slow server response, render-blocking scripts | A blank or partial page on arrival |
| Poor INP | Heavy JavaScript running during interactions, large third-party scripts | Buttons and menus that lag or seem unresponsive |
| High CLS | Images and embeds without reserved space, late-loading banners, web fonts swapping | Content 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
- Web Vitals, web.dev (Google), last updated October 31, 2024.Primary, platform documentation
- 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