StoreFix logoStoreFix

Performance guide

Shopify Core Web Vitals: how to pass LCP, CLS and INP

Core Web Vitals are the three field metrics Google uses to describe real user experience: Largest Contentful Paint, Cumulative Layout Shift and Interaction to Next Paint. This page explains the thresholds, what causes a Shopify store to miss them, and the fixes in order of impact.

Want to see which of these issues your own store has? The scan is free.

Scan my store free

The thresholds you have to beat

Google evaluates the 75th percentile of real visits over 28 days, not a single lab test. A perfect Lighthouse run on your laptop tells you very little if your customers are on mobile networks.

MetricGoodNeeds workPoor
LCP — Largest Contentful Paint≤ 2.5s2.5–4.0s> 4.0s
CLS — Cumulative Layout Shift≤ 0.10.1–0.25> 0.25
INP — Interaction to Next Paint≤ 200ms200–500ms> 500ms

Why Shopify stores fail LCP

  • The hero or first product image is uploaded at 3000px and displayed at 800px.
  • Images are served as JPEG/PNG where WebP or AVIF would be a third of the weight.
  • The LCP image is loaded lazily, so the browser discovers it late.
  • App scripts in the theme head block rendering before any pixel appears.
  • Custom fonts load without font-display: swap, hiding text until they arrive.

Why Shopify stores fail CLS and INP

CLS is almost always images and embeds without reserved dimensions, announcement bars that appear after load, and fonts that reflow text. Give every image explicit width and height attributes, and render banners server-side rather than injecting them with JavaScript.

INP is the newer metric and it is dominated by third-party JavaScript: review widgets, chat, upsell apps, analytics and pixels all compete for the main thread when a shopper taps something. Audit your installed apps and remove the ones you no longer use — uninstalling an app does not always remove its theme snippet, so check the theme code too.

The fix order that actually works

StoreFix flags the image weight, missing dimensions and render-blocking issues it can see during the audit, repairs image metadata and alt attributes, and re-runs the audit to verify. Theme-level script changes stay under your control.

  • Measure a product page and a collection page, not only the homepage.
  • Resize and convert the LCP image, then preload it.
  • Add explicit dimensions to every image and embed.
  • Remove or defer third-party scripts that are not needed for first render.
  • Re-measure with field data after 28 days, not immediately.

Frequently asked questions

How to pass Core Web Vitals on a Shopify store?
Serve the LCP image at display size in a modern format and preload it, give every image explicit dimensions, and remove unused third-party app scripts. Those three changes clear most Shopify stores.
Do Core Web Vitals affect Shopify rankings?
They are a real but small ranking signal. Their bigger effect is on conversion: slow product pages lose buyers before the page finishes rendering.
Why does my Lighthouse score differ from Search Console?
Lighthouse is a single simulated lab run. Search Console reports field data from real Chrome users over 28 days. Trust the field data.

Find these problems in your store. Fix them in one click.

StoreFix scans your Shopify store, repairs everything it can safely change, and runs the audit again to verify the result.

Scan my store free

No login needed for the audit.

Related guides