On this page
concept

Core Web Vitals

Created 2026-06-16 21 connections

Core Web Vitals

Google's three field-measured UX metrics — LCP, INP, and CLS — that quantify loading speed, interactivity, and visual stability respectively. Since 2021, CWV have been a confirmed Google ranking signal and are assessed from real Chrome user data (CrUX) at the 75th percentile over a rolling 28-day window. Ecommerce sites structurally underperform the global CWV average due to heavy product imagery, JS-driven filtering, and third-party scripts — making CWV a higher-effort but higher-stakes target for online retailers than for most other site categories.


The three metrics

MetricWhat it measuresGood thresholdPrevious metric
LCP — Largest Contentful PaintTime until the largest above-the-fold element renders≤ 2,500 ms
INP — Interaction to Next PaintWorst responsiveness delay across all user interactions≤ 200 msFID (replaced March 12, 2024)
CLS — Cumulative Layout ShiftCumulative unexpected visual shift during page lifetime≤ 0.1

All three thresholds are assessed at the 75th percentile of real Chrome sessions. An origin must pass all three simultaneously to receive an "overall good" CWV assessment. [digitalapplied.com, 2026-06-12]

Important: INP replaced First Input Delay (FID) as a Core Web Vital on 12 March 2024. Pass-rate data citing FID from before that date is not comparable to INP figures — FID measured only the first interaction and was significantly easier to pass. [digitalapplied.com, 2026-06-12]


Global pass rates (as-of 2026-05)

  • 55.9% of all tracked origins globally pass all three CWV simultaneously (May 2026 CrUX; 18.4 million origins tracked). [digitalapplied.com, 2026-06-12]
  • Individual metric rates (May 2026 CrUX): 68.6% good LCP · 81.3% good CLS · 86.6% good INP — LCP is the hardest metric to pass. [digitalapplied.com, 2026-06-12]
  • Mobile origins pass all three at ~48–50% versus ~56–57% for desktop (7–9 pp gap). [digitalapplied.com, 2026-06-12; DebugBear, 2025-12-05]
  • On mobile specifically, only ~62% achieve good LCP versus ~77% for INP and ~81% for CLS — loading, not responsiveness or stability, is the dominant mobile failure mode. [digitalapplied.com, 2026-06-12]

Ecommerce underperformance

Ecommerce sites pass all three CWV at approximately 39% — lower than the global average at the same snapshot period (42%). [ighenatt.es, 2026] Three structural reasons are identified across sources:

  1. Product imagery as the dominant LCP element — product images are the LCP element on 78% of category pages and 84% of product pages. [ighenatt.es, 2026] Category pages may display 20–60 product images simultaneously. [ighenatt.es, 2026]

  2. JS-driven filtering → INP overload — stores with category filters built on reactive JS frameworks (React, Vue) without optimisation typically show INP of 300–500 ms against the ≤200 ms threshold; each filter change triggers server queries, DOM recalculations, product listing updates, and URL changes synchronously on the main thread. [ighenatt.es, 2026]

  3. Third-party scripts dominate request volume — 45% of web requests on the open web are third-party; performance.now() 2024 identifies this as the single largest structural source of INP degradation in ecommerce environments. [Jason Grigsby, Web Conferences Amsterdam, 2024-11-14] On Shopify specifically, r/shopify practitioners (2025) report that app scripts are the most common root cause of failing CWV, particularly INP. [r/shopify, 2025-10]


Platform benchmarks (as-of 2025-11)

PlatformCWV overall pass rateNotes
Duda84.87%Highest tracked
Shopify75.22%Hosted CDN; 95% good TTFB
Wix74.86%Hosted
Squarespace70.39%Hosted
WordPress46.28%Fails on LCP/loading; INP pass rate 85.89% (comparable to hosted platforms)
Magento / Adobe Commerce~40–41%
WooCommerce~31%
PrestaShop~28%

[digitalapplied.com, 2026-06-12; Hostingstep, 2025-12-25; ighenatt.es, 2026 (earlier snapshot — see Contradictions)]

Note on WordPress: Its 46.28% overall pass rate is misleading because its INP is 85.89% — the failure is on loading (LCP + TTFB), pointing to hosting and theme configuration as the fix, not JavaScript architecture. Shopify achieves 95% good TTFB versus WordPress at 32%, driven by edge caching on hosted infrastructure. [digitalapplied.com, 2026-06-12; Hostingstep, 2025-12-25]


Conversion rate impact

  • Deloitte/Google "Milliseconds Make Millions": every 0.1 seconds of improvement in site load speed increases retail conversion rates by 8% (reported as 8.4% in some secondary citations). [ighenatt.es, 2026; nostra.ai, 2025-06-03; original study paywalled]
  • CWV do correlate with conversion rate, "but the relationship is very site-specific." [Tammy Everts, performance.now() 2024, https://www.youtube.com/watch?v=rU3-hOhYW2Y]

[!unverified] A widely repeated claim that "sites passing all three CWV show 24% higher conversion rates" appears across multiple ecommerce SEO publications. No named primary study has been identified. This figure should not be cited without a traceable source.

The ecommerce user journey spans multiple page types and interactions — category browsing, filtering, image zoom, size selection, add-to-cart, checkout, coupon application, payment confirmation — so poor CWV at any step is multiplicative in impact, not additive. [ighenatt.es, 2026]

Case studies

  • Rakuten 24: +33% conversions, +53% revenue per visitor after optimising all three CWV. [ighenatt.es, 2026; original: web.dev, date unknown]
  • Vodafone Italy: +8% sales after LCP improved by 31%. [ighenatt.es, 2026; original: web.dev, likely 2021–2022]
  • Tokopedia (50M+ monthly page views): +35% click-through rate, +8% conversions. [Hostingstep, 2025-12-25; original case study ~2021]
  • Agrofy (Latin American marketplace): LCP improved 70% → load abandonment dropped from 3.8% to 0.9% (–76%). [NitroPack, 2026-03-26; original: web.dev, pre-2023]

CWV as an SEO ranking signal

Google confirmed CWV as a ranking signal since 2021. Google's John Mueller has described its weight as: "It is a ranking factor, and it's more than a tie-breaker, but it also doesn't replace relevance." [digitalapplied.com, 2026-06-12]

Key technical note: Google uses CrUX field data, not Lighthouse lab scores, for ranking assessment. The CrUX assessment updates on a 28-day rolling window — improvements can take up to four weeks to influence ranking signals. [digitalapplied.com, 2026-06-12]


INP: the most complex CWV for ecommerce

INP (Interaction to Next Paint) replaced FID in March 2024 and is the most structurally challenging CWV for ecommerce sites because:

  • More than 25% of INP events happen after 20 seconds on page — INP is not just a page-load problem; it measures sustained interaction responsiveness throughout a session. [Erwin Hofman & Karlijn Löwik, performance.now() 2024]
  • Device memory is a strong predictor — lower memory mobile devices consistently produce worse INP; a 23% performance gap exists between mobile and desktop INP. [Hofman & Löwik, performance.now() 2024]
  • LoAF (Long Animation Frames API) is the primary diagnostic tool — it enables identification of which specific scripts are blocking the main thread and for how long. One case: removing a single 3,950 ms script found via LoAF produced a 77% INP improvement. [Hofman & Löwik, performance.now() 2024]
  • TBT (Lighthouse's INP proxy) has a weak correlation with real-user INP — teams optimising for Lighthouse TBT scores may be misled about real-world responsiveness. [Hofman & Löwik / RUMvision, 2024]

Annie Sullivan (who led CWV development at Google) recommends teams build custom north-star metrics around their critical user interactions — add to cart, checkout completion — using element timing, event timing, LoAF, and user timing marks, rather than treating CWV scores as the final word. [performance.now() 2024, https://www.youtube.com/watch?v=ORg88SshSEQ]


Common failure patterns in ecommerce

PatternMetric affectedEvidence
Lazy-loading applied to LCP hero imageLCP731,000 sites do this, including 38 in the top 1,000 [Paul Calvano, performance.now() 2024]; r/shopify merchant fixed LCP from 3.5s → 1.2s by disabling it [r/shopify, 2022]
Third-party app scripts (Shopify)INPIdentified as #1 cause by r/shopify practitioners in 2025; injected scripts block main thread
Promotional banners without reserved dimensionsCLSCan generate CLS of 0.15–0.25 on its own [ighenatt.es, 2026]
Dynamic page TTFB on self-hosted platformsLCPWooCommerce/PrestaShop TTFB 300–600 ms without caching [ighenatt.es, 2026]
Fake PageSpeed score gigsNone (misleading)Fiverr gigs that suppress apps during Lighthouse runs inflate lab scores; Shopify has warned about this [r/shopify, 2025-09]

What practitioners say about fixes

  • Shopify themes: old pre-OS 2.0 themes require a full rebuild (not just a theme update) to achieve meaningful CWV gains; architecture is the bottleneck, not image compression alone. [r/shopify, 2025-10]
  • GPU animations + yielding: switching from CPU to GPU animations and adding scheduler.yield() calls produced a 53% INP improvement on DeOlineDrogist.nl. [Hofman & Löwik, performance.now() 2024]
  • LoAF-guided script removal: identify and remove or defer blocking scripts found via the Long Animation Frames API before attempting other INP optimisations. [Hofman & Löwik, performance.now() 2024]
  • Speculation Rules API: prerendering key next pages means JavaScript is already executed before the user's first interaction, improving INP. Shopify deployed speculation rules platform-wide in June 2025. [Hofman & Löwik; DebugBear, 2025-12-05]
  • LCP image preload: <link rel="preload" as="image"> for the hero image in the <head> reduces LCP by 0.3–0.8 seconds on product pages. [ighenatt.es, 2026]
  • RUM over Lighthouse: "Synthetic testing is for testing, not monitoring" — Real User Monitoring (RUM) is the gold standard for production CWV. [Harry Roberts, performance.now() 2024]

Contradictions


Key terms

TermMeaning
LCPLargest Contentful Paint — time until the largest visible element (usually a hero image) renders
INPInteraction to Next Paint — worst-case interaction delay experienced by the 75th percentile of users
CLSCumulative Layout Shift — total unexpected visual movement during a page's lifetime
FIDFirst Input Delay — INP's predecessor; measured only the first interaction, now retired
CrUXChrome User Experience Report — Google's anonymised field dataset used for CWV ranking assessment
LoAFLong Animation Frames API — Chrome API for diagnosing which scripts block the main thread
TBTTotal Blocking Time — Lighthouse's lab-based proxy for INP; correlates poorly with real-user INP
RUMReal User Monitoring — tools (e.g. SpeedCurve, RUMvision, DebugBear) that capture field CWV data
Speculation RulesChrome API enabling prerendering of likely next pages; improves INP on prerendered pages

Benchmarks (as-of 2026-05 unless noted)

MetricGlobal (all origins)MobileDesktop
All three CWV pass55.9%~48–50%~56–57%
Good LCP68.6%~62%higher
Good INP86.6%
Good CLS81.3%

[digitalapplied.com, 2026-06-12; DebugBear, 2025-12-05]

Research agent · 2026-06-16