Skip to main content
Glossary

Core Web Vitals

By Β· Updated
Quick definition

Core Web Vitals are three Google-defined metrics that measure real-user experience on a webpage: Largest Contentful Paint (loading speed), Interaction to Next Paint (interactivity), and Cumulative Layout Shift (visual stability). They are confirmed ranking signals in Google Search.

Core Web Vitals in plain English

Core Web Vitals are the three user-experience benchmarks Google uses to evaluate how a page feels to a real visitor. Largest Contentful Paint (LCP) measures how quickly the main content loads β€” for a product page, that is typically the hero image. Interaction to Next Paint (INP) measures how fast the page responds after a user taps or clicks. Cumulative Layout Shift (CLS) measures whether page elements jump around as the page renders, such as a button that moves just as a shopper is about to tap it.

Google collects Core Web Vitals data from real users via the Chrome User Experience Report (CrUX), not from lab simulations alone. Field data from actual visits is aggregated over a 28-day rolling window and fed into the Page Experience ranking signal. A URL passes each metric only when at least 75 percent of real-world visits to that URL meet the 'Good' threshold. Failing any one of the three metrics means the full Page Experience signal is not satisfied, regardless of performance on the other two.

A store with strong Core Web Vitals scores loads its primary product image within 2.5 seconds, responds to taps and clicks within 200 milliseconds, and keeps layout shift below a CLS score of 0.1. A store with poor scores typically shows a product image that loads after 4-plus seconds, a sticky header or chat widget that causes buttons to shift on mobile, and sluggish add-to-cart responsiveness. The visible result for shoppers is friction at the exact moments β€” image load, first interaction, checkout β€” where purchase decisions are made.

Google's published 'Good' thresholds are: LCP at or under 2.5 seconds, INP at or under 200 milliseconds, and CLS at or under 0.1. These thresholds apply to the 75th percentile of field data for a given URL, meaning a store must deliver a good experience to the vast majority of its visitors β€” not just under ideal conditions. For ecommerce stores, mobile product pages and category pages are the highest-stakes URLs because they carry the most organic traffic and the most direct path to purchase.

Why core web vitals matters for ecommerce

Core Web Vitals directly affect both search ranking and on-site conversion for ecommerce stores. A product page that fails LCP loads its hero image too slowly for mobile shoppers on average connections β€” those shoppers leave before they see the product. A page with high CLS shifts the Add to Cart button mid-tap, producing accidental clicks or abandoned intent. Stores that hit the Good thresholds on all three metrics satisfy Google's Page Experience signal, protect organic rankings, and remove friction at the moments that decide whether a visit becomes a purchase.

Deeper dives on this term

Focused pages that go deeper than the definition β€” comparisons, platform-specific guides, operational walkthroughs.

Compare

Core Web Vitals vs CLS (Cumulative Layout Shift): What's the Difference?

Core Web Vitals vs CLS explained for ecommerce operators: definitions, how they differ, how CLS fits inside the broader framework,

Read →
Compare

Core Web Vitals vs INP (Interaction to Next Paint): What's the Difference?

Core Web Vitals vs INP: understand the definitions, mechanics, and key differences every ecommerce operator needs to optimize site

Read →
Compare

Core Web Vitals vs JavaScript SEO: What's the Difference?

Core Web Vitals vs JavaScript SEO: how they differ, where they overlap, and which one to fix first for ecommerce rankings.

Read →
Compare

Core Web Vitals vs LCP (Largest Contentful Paint): What's the Difference?

Core Web Vitals vs LCP: understand what each term covers, how they relate, and why optimizing LCP alone doesn't mean your Core Web

Read →
Compare

Core Web Vitals vs Mobile-First Indexing: What's the Difference?

Core Web Vitals vs Mobile-First Indexing: understand exactly how these two Google signals differ, overlap, and affect your ecommer

Read →
Platform

Core Web Vitals for Shopify Stores

Core Web Vitals for Shopify stores: platform-specific bottlenecks, theme limitations, app bloat fixes, and tools to measure and im

Read →
Platform

Core Web Vitals for Wix Stores

Core Web Vitals for Wix stores: platform-specific limits, built-in tools, and concrete workarounds to improve LCP, CLS, and INP sc

Read →
Platform

Core Web Vitals for WooCommerce Stores

Core Web Vitals on WooCommerce: platform-specific causes of LCP, CLS, and INP failures, plus tools and workarounds for WordPress-b

Read →
How-to

How to implement core web vitals for an Ecommerce Store

A step-by-step guide to implementing Core Web Vitals for ecommerce storesβ€”covering LCP, INP, and CLS fixes that improve rankings a

Read →
Checklist

Core Web Vitals Checklist: 12 Items Every Ecommerce Store Should Audit

A 12-item Core Web Vitals audit checklist for ecommerce stores. Each check includes clear pass/fail criteria to fix LCP, INP, and

Read →

Frequently asked questions

What are Core Web Vitals?

Core Web Vitals are three metrics Google uses to measure real-user experience on a webpage: Largest Contentful Paint (LCP) for loading speed, Interaction to Next Paint (INP) for interactivity, and Cumulative Layout Shift (CLS) for visual stability. Google treats them as confirmed ranking signals, and scores are based on real visitor data collected over a 28-day rolling window β€” not synthetic lab tests.

What are the passing thresholds for Core Web Vitals?

Google defines 'Good' as: LCP at or under 2.5 seconds, INP at or under 200 milliseconds, and CLS at or under 0.1. These thresholds must be met at the 75th percentile of real-user field data for a given URL. A URL passes the Page Experience signal only when all three metrics hit 'Good' at that percentile β€” failing one means failing the full signal.

How are Core Web Vitals different from Google PageSpeed Insights scores?

PageSpeed Insights reports both lab data (a simulated test run at the moment of the audit) and field data (real-user CrUX data collected over 28 days). Core Web Vitals are determined by field data, not lab scores. A page can score poorly in the PageSpeed Insights lab simulation but still pass Core Web Vitals if real visitors consistently have fast experiences β€” and vice versa.

How do I improve Core Web Vitals on an ecommerce store?

Improving LCP on product pages typically requires optimizing the hero image: using modern formats like WebP, preloading the image in the HTML, and serving it from a CDN. Improving INP requires reducing JavaScript execution time, particularly from third-party scripts like chat widgets and tag managers. Improving CLS requires setting explicit width and height attributes on images and reserving space for ads, banners, and dynamically injected elements before they load.

Do Core Web Vitals actually affect rankings for ecommerce stores?

Core Web Vitals are a confirmed Google ranking signal under the Page Experience update. For most ecommerce queries, content relevance and authority remain the dominant ranking factors, but Core Web Vitals function as a tiebreaker among pages of comparable relevance. Where Core Web Vitals have a more direct and measurable impact is on-site behavior: slow LCP and high CLS increase bounce rates and reduce add-to-cart conversions, independent of any ranking effect.

MG
Written by

Matt is the founder of RunOctopus. He built All Angles Creatures from zero to page-1 rankings in reptile feeder insects in under 60 days using exactly this method β€” turning a hard, entrenched niche into RunOctopus's proof store for programmatic SEO and AI search citation.

Connect on LinkedIn →

See what Otto would build for your store

Free architecture preview. No card required. Five minutes.

Generate Preview →