Fix Your Shopify Core Web Vitals: A Practical Guide for Store Owners

If you have been ignoring your store's Core Web Vitals, the window for doing that guilt-free is closed. Core Web Vitals now play a direct role in SEO and whether your store ranks or gets buried. And the numbers are blunt: according to the 2025 Web Almanac, 48% of mobile websites now pass all three Core Web Vitals, up from 44% in 2024 and 36% in 2023. The bar is rising every quarter. If your store is not clearing it, you are losing ground to competitors who are.

What You Are Actually Being Measured On

In 2026, Google continues to use LCP, INP, and CLS as the three Core Web Vitals metrics. The thresholds remain unchanged: LCP under 2.5 seconds, INP under 200 milliseconds, CLS under 0.1. What has changed is how Google weights the data behind those scores. Google has increased the weight of real-user field data (CrUX) over lab data in ranking decisions. For Shopify stores, this means actual mobile user experience matters more than synthetic test scores.

This is a critical distinction. Shopify's Speed Score in the admin dashboard is based on Lighthouse lab data from a single simulated visit. Core Web Vitals in Google Search Console use field data from real Chrome users over a 28-day rolling window. These numbers can differ significantly because real users have different devices, network speeds, and interaction patterns than the Lighthouse simulation.

The good news: as of December 2025, LCP and INP are now "Baseline Newly Available" across all major browsers, Chrome, Firefox, Safari, and Edge. This means Real User Monitoring (RUM) tools can now collect CWV data from virtually all your visitors, not just Chrome users. That is a meaningful shift for stores with heavy iOS traffic.

The Business Case (In Plain Numbers)

Before diving into fixes, here is why this is worth your time. Google data shows a 1-second delay reduces conversions by up to 7%, and 53% of mobile visitors abandon pages taking longer than 3 seconds to load. Shopify's own team validated this at scale: they analyzed the relationship between the three Core Web Vitals and conversion across actively-selling Shopify stores, dividing all sites into performance buckets during a 28-day period at the turn of January and February 2026, then looked at the relationship between aggregated performance and median conversion rate of stores in every bucket. The result: growing stores see a strong relationship between speed and conversion. As stores scale, they add apps, customizations, and integrations, each potentially impacting performance, and the cumulative effect of these additions becomes visible in the data.

For Shopify businesses, prioritizing LCP and INP improvements will likely have a bigger impact on your bottom line than chasing a perfect CLS score.

The Biggest Speed Killers on Shopify

1. App Bloat (the Number One Culprit)

Third-party script bloat from apps remains the number one cause of failing Core Web Vitals. The math is ruthless: on average, a new Shopify app adds 50 KB to 150 KB of JavaScript to every page load. For a store that is right at the LCP threshold (2.3 to 2.5 seconds), a single app installation can push it over the edge.

The fix is unglamorous but effective. Audit your apps by disabling them one at a time and measuring the impact on INP and LCP in PageSpeed Insights. Remove apps you no longer use, and check your theme files for leftover code from previously uninstalled apps.

2. Your Hero Image and LCP

Google's "Good" threshold for LCP is under 2.5 seconds. For Shopify stores, this is usually the hero image or above-the-fold product photo. The single most common mistake I see: lazy-loading that hero image. Never lazy-load the LCP image. Lazy loading your LCP image will hurt your LCP score because the browser will delay loading the very element that determines when the page appears "loaded" to the user. Use loading="eager" or omit the attribute entirely for above-fold hero images.

Also check image dimensions before uploading. Images typically account for 27% of total page weight. Unoptimized product photos, banners, and lifestyle images are the number one culprit behind slow Shopify stores.

3. INP: The Metric Most Stores Overlook

Google officially replaced First Input Delay (FID) with INP as a Core Web Vital in March 2024. INP does not just measure the first click. INP has fully taken over from FID and now measures every interaction across the session, not just the first click.

For Shopify stores, the most common INP offender is JavaScript that runs on the main thread. Heavy JavaScript, common in Shopify themes and apps, is the primary culprit for poor INP scores. The practical fix: load critical content first, then enhance progressively. Load critical content first to support loading performance, then enhance progressively with JavaScript. Use code splitting so users only load what they need, and keep the main thread clear for interactions.

INP is also brutally exposed on mobile. In 2026, mobile commerce accounts for the majority of ecommerce transactions globally. Mobile devices tend to have significantly less processing power than desktop computers, which makes them far more susceptible to poor INP scores.

4. CLS: The Layout Shift Problem

Cumulative Layout Shift measures visual stability. If elements jump around while the page loads, your CLS score suffers. A "Good" score is under 0.1. Unsized images, late-loading fonts, and dynamic banners are common Shopify offenders. Always declare explicit width and height attributes on every image tag so the browser reserves space before the image loads.

Platform-Level Changes Worth Knowing

Two recent Shopify updates directly affect your performance strategy.

Per-page CSS scoping (April 2026): In April 2026, Shopify rolled out per-page CSS scoping so that themes only deliver the CSS for sections actually rendered on each page, instead of serving every stylesheet on every page load. Those tiny improvements stack up to noticeably faster pages and a measurable lift in conversion rates.

The Horizon theme foundation (Summer 2025): Shopify's Horizon theme is the most significant theme release since Dawn. Launched at Summer Editions 2025, it represents a fundamental shift in how Shopify themes are built, with deeper block nesting, industry-specific presets, native AI block generation, and a mobile-first architecture. The performance story on Horizon is actively improving. Horizon has gained roughly 5 mobile PageSpeed points per quarter since launch, while Dawn has been flat (it is mature). If you are on Horizon, keep the theme updated and disable the built-in animations under Theme Settings to recover meaningful PageSpeed points. Disabling animations alone gets back about 10 PageSpeed points.

Beyond the theme itself, Shopify now includes a more detailed performance dashboard within the admin, breaking down metrics like LCP and INP by page. Use it. It surfaces real-user data, not simulated scores.

Your Monitoring Workflow

Performance is not a one-time project. Every app you install, every marketing tag you add, every theme change you make is a performance decision. The stores that win on speed treat performance as an ongoing discipline, not a quarterly emergency.

Here is the minimal monitoring stack I recommend:

• Shopify's Web Performance dashboard (Online Store admin): Shopify's built-in Web Performance Reports give you a merchant-friendly overview of your store's performance across all key page types. Unlike PageSpeed Insights, which tests one URL at a time, Shopify's report aggregates data across your homepage, product pages, and collection pages simultaneously.
• Google Search Console (Core Web Vitals report): Shows field data across your entire store from real Chrome users over a 28-day window.
• Google PageSpeed Insights: It reports all three Core Web Vitals with pass/fail status and specific improvement opportunities with estimated time savings. Test your homepage AND your most important product page, because they often have very different scores.

Run a check after every app install, theme update, and major campaign launch. Performance regressions on Shopify are almost always caused by something that was recently added. Monitoring data shows that the most common cause of Shopify CWV regression is a new app installation that injects JavaScript globally.

Quick-Win Checklist

If you want to triage your store today, start here:

• Audit installed apps, remove anything unused, and check for leftover theme code from deleted apps
• Set loading="eager" on your hero/LCP image; use loading="lazy" only on below-fold images
• Add explicit width and height attributes to all <img> tags to prevent layout shifts
• Replace homepage carousels and autoplay GIFs with a single static hero image
• Defer or async all non-critical JavaScript; consolidate tracking pixels into Google Tag Manager
• Compress product images to under 200 KB before uploading (WebP format where possible)
• Keep your theme (Horizon or Dawn) on the latest version to pick up platform-level optimizations
• Check your CWV scores in Google Search Console at least once per month

None of this requires a big budget. Most of it requires discipline: treating every new app install as a performance tradeoff decision, not just a feature decision.

---

All CWV data in this post reflects publicly available 2025 and 2026 sources. Use Google PageSpeed Insights and Shopify's Web Performance dashboard as your primary measurement tools.