Glossary
What are Core Web Vitals? E-commerce definition
June 4, 2026
Core Web Vitals are three performance indicators defined by Google to measure the real-world experience of visitors: LCP (loading performance), INP (interactivity), and CLS (visual stability). In e-commerce, they impact the browsing comfort on product pages and checkout, SEO, and conversion, especially on mobile.
Summary
Definition of Core Web Vitals
Google groups three metrics focused on the real user (field data, not just a lab test) under "Core Web Vitals".
The three indicators (official Google thresholds):
The concept is best understood by distinguishing several elements: () : time before the largest visible element is displayed (often a hero image or product photo). Good: ; to improve: 2.5 to 4 s; poor: > 4 s; () : latency after an interaction (click, tap, keypress). Replaces FID since 2024. Good: ; to improve: 200 to 500 ms; poor: > 500 ms; () : unexpected visual shifts (moving button, banner pushing content). Good: ; to improve: 0.1 to 0.25; poor: > 0.25.
Useful distinctions:
The concept is best understood by distinguishing several elements: vs : Lighthouse simulates in the lab; CWVs rely mainly on the (, real Chrome visitors); vs : PSI displays lab + field data CWV for a URL; vs : TTFB measures the first server response; LCP measures the rendering of the perceived main content; vs (old): FID only measured the first interaction; INP covers all interactions in the session; vs : CWVs do not cover the quality of photos, prices, or customer service.
Why Core Web Vitals are important in e-commerce
A slow or unstable store drives shoppers away before reaching the cart, especially on 4G and smartphones (which represent the majority of retail traffic).
Its main effects can be seen on several levels: high LCP on product pages = fewer "Add to cart" clicks; Google integrates page experience into its ranking signals; poor CWV = competitive disadvantage on close search queries; CLS (pop-ups, poorly sized cookie banners) causes missed clicks and frustration; INP is sensitive to heavy scripts (reviews apps, chat, sliders); slow landing page = lower Google Ads Quality Score; perceived performance = reliability and professionalism.
CWVs are not the only SEO lever, but ignoring them means accepting traffic that bounces due to a lack of smooth pages. They should be optimized in conjunction with image compression, CDN, and theme lightweighting.
Measure and interpret a store's performance
Measurement tools:
The elements to observe are as follows: : CWV field + lab per URL; : "Core Web Vitals" report by page group; : Performance, local Lighthouse; : multi-region and connection tests; : aggregated Chrome data.
Google evaluates at the 75th percentile of visits: 75% of sessions must be "good" for the page to be considered compliant on a metric.
In practice, Shopify fashion boutique, best-selling product page. Search Console reports "poor" LCP (4.2 s mobile). PSI Diagnosis: uncompressed 2400 px main image + hero slider. Actions: compression, ?width=1200, LCP image preload, removal of hero video autoplay. CLS: reserve height for promo banners (avoid shift). INP: remove heavy chat app on mobile or use deferred loading. Three months later: LCP 2.1 s, CLS 0.05, INP 180 ms on the 75th percentile; mobile bounce rate down.
Prioritize high-traffic templates: home, collection, product page, cart.
Core Web Vitals and performance on Shopify
Shopify provides a solid foundation: cloud hosting, native CDN (cdn.shopify.com), responsive images. CWVs mainly depend on the theme, apps, and media content.
Shopify levers:
In Shopify, this translates in particular to: lightweight: Dawn or optimized theme, modular sections; : adapted sizes, WebP, lazy load below the fold (); : each third-party JS app weighs on INP; audit and delete the unnecessary; : limit families, , subset; : ad pixels, heatmaps; load after consent (); : speed report in the Shopify admin (internal score, distinct from Google CWV).
Shopify Checkout is hosted by Shopify (often high-performing); the bottleneck is more often the storefront (catalog, home). Test on a real mobile device, not just desktop fiber.
Documentation: web.dev/vitals (Google), Shopify Help Center theme performance.
Points of attention to improve the mobile experience
Points of vigilance include in particular: : compressed hero image, preload, CDN, acceptable TTFB; : width/height dimensions on images, no content injected above the fold without reserved space; : less JS, defer non-critical scripts, avoid long tasks; monthly on key URLs; : new theme, review app, promo pop-up; : do not optimize solely for an isolated Lighthouse lab score.
To monitor:
Points of vigilance include in particular: Home slider with 5 images of 3 MB each (LCP); Cookie or promo banner pushing the "Buy" button (CLS); 10 marketing apps + chat + reviews + upsell (INP); Believing that the Shopify CDN compensates for an overloaded theme; Optimizing desktop only while mobile CWV penalizes SEO; Confusing the Shopify admin speed score with Google Search Console CWVs.
In brief
Key takeaways: = LCP (loading), INP (responsiveness), CLS (stability); Google field metrics (CrUX), public thresholds on web.dev; E-commerce stakes: conversion, SEO, mobile, trust; Shopify: lightweight theme, optimized images, limited apps, native CDN; Measure via Search Console and PageSpeed Insights, act on high-traffic templates.
Related terms, FAQ, and useful resources
Associated terms
Image compression: primary LCP lever.
CDN: fast delivery of static assets.
E-commerce SEO: visibility linked to page experience.
Conversion: goal impacted by speed.
Online store: storefront to optimize.
FAQ
What are the "good" thresholds for Core Web Vitals?
Google uses: LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1 for the 75th percentile of visits. See web.dev/vitals for up-to-date charts.
Do Core Web Vitals impact SEO?
Yes, as a page experience signal among others (content, backlinks, intent). It is not the only factor, but poor CWV can cause you to lose out to an equally qualified, faster competitor.
Does FID still exist?
FID (First Input Delay) was replaced by INP as a Core Web Vital in 2024. INP measures responsiveness across all interactions, not just the first one.
How can I see my CWV on Shopify?
Via Google Search Console (Core Web Vitals report) and PageSpeed Insights on your public URLs. The Shopify admin displays an internal speed score, which is complementary but distinct from Google's CWV.
Go further
Sources: Google web.dev (Core Web Vitals), Google Search Central, Shopify Help Center (theme performance).
Enzo
13 May 2026
Convert over 2,000 customers on average per month with Qstomy.
The world’s 1st Shopify AI dedicated to customer conversion
Empowering 200+ e-commerce merchants
Subscribe to the newsletter and get a personalized e-book!
No-code solution, no technical knowledge required. AI trained on your e-shop and non-intrusive.
*Unsubscribe at any time. We do not send spam.