What are good Core Web Vitals scores for a Shopify store?

Google's "good" thresholds are LCP under 2.5 seconds, CLS under 0.1, and INP under 200 milliseconds — measured on real mobile visits (field data), not just a lab test. Most Shopify stores fail LCP first, usually because of a heavy hero image or app scripts.

Do Core Web Vitals affect Shopify sales?

Yes, twice over. They're a Google ranking factor, so better vitals can lift organic traffic, and faster pages convert better — especially on mobile, where slow load directly costs you orders and wastes ad spend.

Why does my Shopify store fail Core Web Vitals?

Almost always the same culprits — oversized hero images, too many apps injecting JavaScript, a heavy theme, multiple font files, and layout that shifts as content loads. Fix those five and most stores pass.

Shopify Core Web Vitals: a practical speed checklist

July 4, 2026

Shopify Core Web Vitals explained — what LCP, CLS and INP mean, and the concrete theme, image, app and font fixes that pass the thresholds and lift conversion.

Core Web Vitals are Google’s three real-world measures of how fast and stable your store feels to a shopper — and on Shopify they’re both a ranking factor and a conversion factor. Slow, janky pages cost you rankings, orders, and wasted ad spend — you can put a rough number on that with our calculator for revenue lost to a slow store. Here’s what the three metrics mean and the concrete Shopify fixes that move them.

The three metrics, in plain English

LCP (Largest Contentful Paint) — how long until the biggest thing on screen (usually the hero image) appears. Target: under 2.5 seconds. This is the one most Shopify stores fail.
CLS (Cumulative Layout Shift) — how much the page jumps around as it loads. Target: under 0.1. Nothing worse than tapping a button that moves.
INP (Interaction to Next Paint) — how quickly the page responds when a shopper taps or clicks. Target: under 200 ms. Heavy JavaScript is the usual killer.

Fix LCP: images and the hero

The largest element is almost always your hero image or a product photo.

Serve appropriately sized, modern-format images (WebP/AVIF). Don’t ship a 3000px image into a 700px slot.
Preload the hero and don’t lazy-load it — lazy-loading the LCP image delays it.
Lazy-load everything below the fold so it doesn’t compete for bandwidth.

Fix INP: cut app and script bloat

Every app that injects JavaScript adds work the browser must do before it can respond to a tap.

Audit installed apps and remove or replace the heaviest — including ones you no longer use. This is often the single biggest win.
Defer non-critical scripts so they load after the page is interactive.
Remove leftover code from old apps and customizations that never got cleaned up.

Fix CLS: reserve the space

Layout shift comes from content loading without a reserved slot.

Set explicit width and height on images and embeds so the browser holds the space.
Reserve space for banners, cookie bars and ad slots instead of letting them push content down.
Preload fonts and use font-display: swap so text doesn’t reflow when the webfont arrives.

Theme and fonts

Choose a lean theme. Fast bases like Dawn and Horizon ship far less code than heavy multipurpose themes. A bloated theme caps how fast you can ever be.
Limit font families and weights. Every extra file is a render-blocking request; two weights of one family is plenty for most stores.
Cut render-blocking CSS/JS in the <head> so the browser can paint sooner.

Measure with real data

Lab tools like PageSpeed Insights are a start, but Core Web Vitals are graded on field data — real visitors. Watch the Core Web Vitals report in Google Search Console, fix the biggest offender first, and re-measure after each change so you know what actually worked. Our fuller walkthrough is in how to speed up your Shopify store.

Do it in order

Images and apps first (they move LCP and INP the most), then layout stability, then theme and fonts. Chasing a perfect lab score while a heavy hero image drags your LCP is wasted effort.

Want it handled properly? Our speed optimization solution and CRO & AOV service fix the highest-impact issues for you. Start with a free profit audit and we’ll show you what’s costing you speed — and sales.

What are good Core Web Vitals scores for a Shopify store?: Google's "good" thresholds are LCP under 2.5 seconds, CLS under 0.1, and INP under 200 milliseconds — measured on real mobile visits (field data), not just a lab test. Most Shopify stores fail LCP first, usually because of a heavy hero image or app scripts.
Do Core Web Vitals affect Shopify sales?: Yes, twice over. They're a Google ranking factor, so better vitals can lift organic traffic, and faster pages convert better — especially on mobile, where slow load directly costs you orders and wastes ad spend.
Why does my Shopify store fail Core Web Vitals?: Almost always the same culprits — oversized hero images, too many apps injecting JavaScript, a heavy theme, multiple font files, and layout that shifts as content loads. Fix those five and most stores pass.

Start making more on every order

Launch a checkout-safe offer yourself, or have our team set it up and dial in your store.

Install the app →Have us set it up

Lifts average order value · No checkout edits · Works on any theme