Core Web Vitals are the three metrics Google uses to measure how a page feels to real visitors. This guide explains each one for Shopify stores, the thresholds Google uses, and the fixes that work.
What are Core Web Vitals on a Shopify store?
Core Web Vitals on a Shopify store are three measurements of real-world page experience: Largest Contentful Paint for loading, Interaction to Next Paint for responsiveness, and Cumulative Layout Shift for visual stability. web.dev's Core Web Vitals overview defines each metric and its targets. Google recommends that site owners achieve good Core Web Vitals and says they align with what its core ranking systems seek to reward, alongside other aspects of page experience.
What are the good and poor thresholds for Core Web Vitals?
A page has good Core Web Vitals when LCP is 2.5 seconds or less, INP is 200 milliseconds or less and CLS is 0.1 or less, measured at the 75th percentile of page loads.
| Metric | What it measures | Good | Poor |
|---|---|---|---|
| LCP | How quickly the main content loads | 2.5 s or less | More than 4 s |
| INP | How quickly the page responds to taps and clicks | 200 ms or less | More than 500 ms |
| CLS | How much the layout moves unexpectedly | 0.1 or less | More than 0.25 |
The 75th percentile matters: three in four real visits need to meet the target, not just the average visit.
How do you improve LCP on a Shopify store?
LCP on a Shopify store is improved by making the largest above-the-fold element, usually the hero image or main product image, load as early and as small as possible. web.dev's guide to optimising LCP covers the full method. On Shopify, the most effective steps are:
- Do not lazy-load the hero or main product image
- Serve images at the size the device needs, using Shopify's image URL parameters
- Reduce render-blocking CSS and JavaScript in the theme
- Avoid hero sliders where the first slide waits for JavaScript
How do you improve INP on a Shopify store?
INP on a Shopify store is improved by reducing the JavaScript that runs on the main thread when a shopper interacts with the page. Long-running scripts from apps, tracking tags and theme features delay the response to taps and clicks. web.dev's guide to optimising INP explains how to break up long tasks. Practical Shopify steps:
- Remove apps and tracking tags the store no longer uses
- Defer scripts that are not needed for the first interaction
- Load feature scripts only on the templates that use them
- Test interactions such as variant selection and add-to-cart on a mid-range phone
How do you fix CLS on a Shopify store?
CLS on a Shopify store is fixed by reserving space for every element before it loads, so content does not push the page around. web.dev's guide to optimising CLS lists the common causes. On Shopify, check these first:
- Set width and height, or an aspect ratio, on every image and video
- Reserve space for announcement bars, banners and app widgets
- Load fonts so text does not resize when they arrive
- Avoid inserting content above existing content after the page loads
Should Shopify stores use field data or Lighthouse scores?
Shopify stores should judge Core Web Vitals on field data, then use Lighthouse to diagnose causes. Field data comes from real Chrome users through the Chrome UX Report and appears in Search Console and PageSpeed Insights. A Lighthouse score is a single lab test on a simulated device, so it can look healthy while real shoppers on slower phones still have a poor experience.
Where do most Shopify stores fail Core Web Vitals?
In our work at Mooshfy, most Shopify stores that fail Core Web Vitals fail for the same three reasons: an oversized or lazy-loaded hero image (LCP), too much app and theme JavaScript (INP), and images or banners without reserved space (CLS). Fixing those three usually comes before any deeper theme work, and it benefits every template at once.
Mooshfy runs a free Core Web Vitals review for Shopify stores in Oman and lists the specific fixes for each failing metric.
Frequently asked questions
Where can I see Core Web Vitals for my Shopify store?
Search Console’s Core Web Vitals report shows field data from real visitors grouped by URL. PageSpeed Insights shows field data for a single page when enough data exists, together with a Lighthouse lab test.
Why is my Shopify Lighthouse score good but Core Web Vitals failing?
Lighthouse is a lab test on one simulated device, while Core Web Vitals use real visits across many devices and connections. A store can score well in the lab and still fail in the field if real shoppers use slower phones or networks.
Which Shopify apps hurt INP most?
Apps that add scripts to every page — such as chat widgets, pop-ups, review carousels and tracking tags — tend to affect INP most, because their JavaScript competes with the page for the main thread when shoppers tap or click.
How long does it take for Core Web Vitals to update after fixes?
Field data in PageSpeed Insights covers the previous 28-day collection period, so improvements to a Shopify store appear gradually in Search Console and PageSpeed Insights over the following weeks rather than immediately.