Shopify Speed and Core Web Vitals Checklist for 2026
A practical 2026 checklist to speed up your Shopify store, with the current LCP, INP and CLS thresholds, where to find your data, and specific fixes for apps, images and themes.
Quick answer: A fast Shopify store in 2026 should pass all three Core Web Vitals at the 75th percentile of real visits: Largest Contentful Paint (LCP) of 2.5 seconds or less, Interaction to Next Paint (INP) of 200 milliseconds or less, and Cumulative Layout Shift (CLS) of 0.1 or less. Most gains come from removing unused apps, optimising images and using a lean theme.
Shopify store speed affects how many visitors stay, how many buy and how your pages perform in Google Search. Core Web Vitals are the metrics Google uses to measure that experience, and Shopify now reports them for every store using real visitor data.
This checklist explains the 2026 thresholds for LCP, INP and CLS, where to find your numbers in Shopify, and the specific fixes for apps, images and themes that move those numbers. It is written for founders and marketing teams, with notes your developer can act on.
Key takeaways
- The “good” thresholds are LCP 2.5 seconds or less, INP 200 ms or less and CLS 0.1 or less, measured at the 75th percentile.
- INP replaced First Input Delay (FID) as a Core Web Vital on 12 March 2024, so old FID scores no longer count.
- Shopify’s web performance reports show real user data from the past 30 days, with up to 36 hours of delay.
- Apps and tracking scripts are the most common cause of poor INP on Shopify stores.
- Never lazy-load the main hero or product image. It is usually your LCP element.
What are the Core Web Vitals thresholds in 2026?
According to web.dev, each metric has three bands. A page passes when at least 75% of page views meet the “good” threshold, assessed separately for mobile and desktop.
| Metric | What it measures | Good | Needs improvement | Poor |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Loading: when the largest image or text block appears | 2.5 s or less | 2.5 s to 4 s | More than 4 s |
| INP (Interaction to Next Paint) | Responsiveness: delay after a tap, click or key press | 200 ms or less | 200 ms to 500 ms | More than 500 ms |
| CLS (Cumulative Layout Shift) | Visual stability: how much content jumps around | 0.1 or less | 0.1 to 0.25 | More than 0.25 |
INP became a stable Core Web Vital on 12 March 2024, replacing FID, as announced on the web.dev blog. INP is stricter because it looks at interactions across the whole visit, not just the first one.
Do Core Web Vitals affect Google rankings?
Google’s Search Central documentation recommends achieving good Core Web Vitals for success with Search and says this aligns with what its core ranking systems seek to reward. It also states that good page experience does not guarantee top rankings.
In practice, speed is a tie-breaker for SEO and a direct factor for conversion rate. A slow product page loses buyers from paid ads and organic search alike, so speed work supports both your performance marketing and SEO.
Where can you check your Shopify store’s Core Web Vitals?
Use field data (real users) as your main source, and lab tools to diagnose problems.
- Shopify web performance reports: available in your Shopify admin. Shopify’s help centre says the reports show LCP, INP and CLS from real user data over the past 30 days, may be delayed by up to 36 hours, and keep data for the last 90 days.
- Google Search Console: the Core Web Vitals report groups URLs that share problems, such as all product pages.
- PageSpeed Insights: shows both field data (when available) and a Lighthouse lab test for a single URL.
- Chrome DevTools: the Performance panel helps a developer find which script is causing slow interactions.
A Lighthouse score is a lab test on one simulated device. It is useful for debugging, but Google and Shopify judge Core Web Vitals on real visitor data. Do not chase a perfect lab score at the cost of features that sell.
How do apps slow down a Shopify store?
Most apps add JavaScript, CSS or third-party requests to your storefront. Each one competes for the browser’s main thread, which delays LCP and makes taps feel slow, hurting INP.
Shopify’s help centre lists theme code, apps, images, videos, carousels, social media feeds and analytics as features that can affect web performance. Shopify’s theme performance guide recommends auditing and removing unused scripts from apps and tracking pixels, and deferring scripts that are not critical.
App audit steps
- List every installed app and note what it does and whether it loads on the storefront.
- Remove apps you no longer use. After uninstalling, ask your developer to check the theme for leftover snippets or script tags.
- Replace single-purpose apps with native Shopify features or theme settings where possible.
- Prefer apps that use app blocks or app embeds, which you can switch off per theme without editing code.
- Load chat widgets, review carousels and pop-ups after user interaction or after the page has loaded.
- Consolidate tracking. Run pixels through one tag setup instead of several apps each loading their own scripts.
How should you optimise images on Shopify?
On most product and home pages, the LCP element is an image: the hero banner or the main product photo. Getting that one image right often fixes LCP.
- Use Shopify’s
image_urlandimage_tagLiquid filters, which Shopify recommends over building CDN URLs by hand, so images are served in the right size and format. - Do not lazy-load images in the first screen. Shopify’s guide says to apply
loading="lazy"only to images outside the initial viewport. - Add
fetchpriority="high"to the LCP image so the browser downloads it first. - Always set width and height (or an aspect ratio) on images and video embeds to prevent layout shift.
- Compress large lifestyle photos before upload, and avoid using a video as the main hero on mobile unless it is tested for speed.
- Limit carousels on the first screen. A single strong image usually loads faster and converts as well.
Does your Shopify theme affect speed?
Yes. The theme controls how much code loads on every page. Shopify requires themes in its Theme Store to reach a minimum average Lighthouse performance score of 60 across the home, product and collection pages, which sets a baseline, not a target.
Theme fixes that help most
- Fonts: use system fonts or fonts hosted on Shopify’s CDN, and limit the number of weights. Font swaps can cause layout shift.
- Preload carefully: Shopify advises preloading only one or two critical resources. Preloading too much slows everything else.
- Defer JavaScript: use
deferorasyncfor scripts that are not needed for the first view. - Remove unused sections: hidden sections and old customisations can still load code.
- Keep the theme updated: theme updates often include performance fixes. Test on a duplicate theme before publishing.
How do you fix layout shift (CLS) on Shopify?
CLS problems are usually caused by content that loads late and pushes the page down. Common culprits on Shopify stores are announcement bars injected by apps, review star widgets, cookie banners, images without dimensions and late-loading fonts.
Reserve space for anything that loads after the main content. If an app inserts a banner, set a fixed height for its container in the theme, or show it as an overlay that does not move other content.
Shopify Core Web Vitals checklist for 2026
Work through this list in order. Re-check your Shopify web performance report after 30 days, since it uses a rolling 30-day window.
- Record your current LCP, INP and CLS from the Shopify web performance report for mobile and desktop.
- Identify your slowest page types in Google Search Console (usually product or collection pages).
- Audit all apps, remove unused ones and clean leftover code.
- Move non-essential widgets (chat, pop-ups, social feeds) to load after interaction.
- Consolidate tracking pixels into one tag setup.
- Check that the hero and main product images are not lazy-loaded and use
fetchpriority="high". - Use
image_urlandimage_tagwith correct sizes for every theme image. - Set width and height on all images, videos and embeds.
- Reduce font families and weights, and use system or Shopify-hosted fonts.
- Preload no more than one or two critical resources.
- Defer non-critical JavaScript in the theme.
- Test changes on a duplicate theme, then publish and monitor for 30 days.
How Squarebase can help
Squarebase audits and fixes Shopify stores for speed, including app clean-up, image handling and theme code changes, then tracks results in Shopify and Search Console. Learn more about our Shopify development services, or contact us for a performance audit.
Frequently asked questions
What is a good LCP score for a Shopify store?
A good Largest Contentful Paint is 2.5 seconds or less for at least 75% of real page visits. Between 2.5 and 4 seconds needs improvement, and more than 4 seconds is poor. On Shopify, the LCP element is usually the hero banner or main product image.
What replaced FID in Core Web Vitals?
Interaction to Next Paint (INP) replaced First Input Delay (FID) as a Core Web Vital on 12 March 2024. INP measures the delay across all taps, clicks and key presses during a visit. A good INP is 200 milliseconds or less.
Where do I find Core Web Vitals in Shopify?
Shopify shows web performance reports inside the Shopify admin. They show LCP, INP and CLS from real visitor data over the past 30 days. Data can be delayed by up to 36 hours, and Shopify keeps it for the last 90 days.
Do Shopify apps slow down my store?
Many do. Apps that load JavaScript, widgets or tracking scripts on the storefront compete for the browser’s main thread, which can hurt LCP and INP. Remove unused apps, check for leftover code after uninstalling, and load non-essential widgets after the page has loaded.
Is a high Lighthouse score enough for good Core Web Vitals?
No. Lighthouse is a lab test on one simulated device and is best for finding problems. Google and Shopify assess Core Web Vitals using real visitor data at the 75th percentile, so a store can score well in Lighthouse and still fail in the field.
