Shopify Core Web Vitals & Speed: Real Fixes That Actually Help
Google looks at how fast and stable your pages feel for real visitors. Shopify calls these Core Web Vitals. When the scores are good, your store is more likely to rank better and convert better.
Shopify tracks three main numbers:
LCP (Largest Contentful Paint) – how fast the main content shows up. Aim for 2.5 seconds or less.
INP (Interaction to Next Paint) – how quickly the page reacts when someone clicks or taps. Aim for 200 milliseconds or less.
CLS (Cumulative Layout Shift) – how much the page jumps around while loading. Aim for 0.1 or less.
To get an overall “Good” rating, at least 75% of your page loads need to hit those targets. You can see your scores right inside Shopify under Online Store → Themes. There is also a full set of Web Performance reports in the Analytics section.
Shopify already gives you a fast global CDN, automatic image compression, and caching. That part is taken care of. The things that still slow stores down are usually the theme, the apps, the images, and extra JavaScript. Shopify’s own guide on improving online store performance confirms that these are the main factors you control.
If you want the bigger picture of how speed fits into overall rankings, see our guide on essential Shopify SEO strategies.
Start with Shopify’s own numbers
Go to Online Store → Themes and look at the performance summary.
Check which of the three scores (LCP, INP, or CLS) is Moderate or Poor.
Open the detailed reports and filter by mobile or desktop, and by page type (product, collection, or homepage).
Write down the worst pages.
These reports use real visitor data, so they are more useful for ranking decisions than most free speed test tools. You can also compare them with PageSpeed Insights if you want a second opinion.
After you fix speed issues, it is smart to run a full Shopify SEO audit so you can catch other technical problems at the same time.
Improve LCP (loading speed)
The biggest content on the page is usually a hero image or the main product photo. If that loads slowly, LCP suffers. Many of these problems show up on product pages, which is why good product page SEO also includes speed work.
Simple things that help:
Resize images before you upload them so they match the size they actually appear on the site.
Use JPG for photos. Shopify will turn them into WebP automatically.
Keep the number of sections on your homepage and product pages reasonable.
Turn on pagination for big collections so the page does not try to load dozens of products at once.
Test any fancy page transitions or animations in your theme. Turn them off if the score gets worse.
Remove apps that load heavy scripts right at the top of the page.
For more help with images specifically, read our guide on image optimization for e-commerce.
If you want a deeper technical look at common LCP problems on Shopify Liquid stores, Shopify’s performance team has a useful post on debugging LCP on Shopify.
After you make changes, wait a week or two and check the LCP report again.
Improve INP (how responsive the page feels)
When INP is poor, the page feels laggy when people click buttons or links. Shopify says this almost always comes from too much JavaScript.
What usually works:
Look at every app you have installed. Remove the ones that are not clearly helping sales.
After you uninstall an app, double-check that its code is gone. Some apps leave scripts behind.
Clean up your tag manager and delete tags you no longer use.
Ask your theme developer if any heavy scripts can be loaded later or removed.
Be careful with live chat widgets, extra carousels, and social feeds. They often run scripts the whole time someone is on the page.
Start with the product and collection pages that show the worst INP scores.
Improve CLS (layout jumps)
Pages that shift while loading feel annoying and can hurt the score.
Common causes on Shopify:
Images that do not have width and height set
Fonts that load late and push text around
Banners, reviews, or upsell boxes that appear after the page has already started loading
Quick fixes:
Always give images a width and height (or use CSS aspect-ratio).
Avoid adding new content above existing content after the page starts loading.
Test review apps and promo banners. Turn them off temporarily if they cause jumps.
Prefer system fonts or properly loaded web fonts.
Simple order of work
Check your Shopify Web Performance reports and note the weakest metric.
Remove or disable apps that are not essential.
Optimize the main images on your most important pages.
Reduce the number of sections on the homepage and product templates.
Turn on collection pagination if you have large catalogs.
Disable theme animations if they hurt the scores.
Clean up tag manager and third-party scripts.
Wait 7–14 days and check the reports again with real traffic.
You do not need a perfect score. Moving most pages from Moderate or Poor into the Good range is what helps rankings and sales.
Speed is only one part of technical health. You should also look at technical SEO and site health and fix any internal linking issues on Shopify so search engines can crawl your store efficiently.
Things you can safely ignore
Advice to “add a CDN” (Shopify already has one)
Suggestions about server settings or caching rules (Shopify handles those)
Compression or minification tips (already done for you)
Speed-proxy apps that sit in front of your store
These rarely improve the real numbers Shopify and Google care about. For the official list of what Shopify already optimizes, see their Web Performance reports documentation.
FAQ
How long until better Core Web Vitals help rankings?
Google needs time to recrawl and update. Most stores see changes in Search Console within 2 to 6 weeks once the scores stay in the Good range.
Do mobile and desktop scores both matter?
Yes. Mobile scores are often the harder ones for Shopify stores, so always check the mobile view in the reports.
Will a free Horizon or Online Store 2.0 theme fix everything?
Those themes are built for good performance, but apps, custom sections, and large images can still pull the scores down. The theme is only part of the picture.
Why are Shopify’s scores different from PageSpeed Insights?
Shopify looks at a wider set of real visitors (including Firefox). PageSpeed Insights leans more on Chrome data and lab tests. For decisions about your live store, trust the Shopify reports.
Can I keep most of my apps and still improve the scores?
Sometimes. You can often defer scripts or limit where an app loads. In many cases, though, removing low-value apps gives the biggest jump.
