Back to BlogShopify

Shopify Page Speed: Core Web Vitals Fixes That Actually Move the Needle

Aayush BuchaOctober 18, 20268 min read
Shopify Page Speed: Core Web Vitals Fixes That Actually Move the Needle

Every Shopify merchant has run PageSpeed Insights on their store and watched it return a red score. Most then do one of two things: install a speed app from the app store, or blame Shopify. Sometimes both. We've been asked about Shopify page speed more than almost any other topic, and the pattern behind slow stores is remarkably consistent.

Here's the truth from the trenches. After rebuilding and optimizing 200+ Shopify stores, we can tell you that most speed problems aren't platform problems. They're stack problems. Apps piled on top of apps, hero sliders loading fourteen images, review widgets firing on every page regardless of relevance. The fixes that matter are almost boring: uninstall things, compress things, defer things. And a surprising number of them take an afternoon, not a sprint.

This post walks through how we actually diagnose Shopify page speed, which Core Web Vitals fixes deliver real gains, which "optimizations" are a waste of money, and where the line sits between DIY and calling in help.

Why Shopify Page Speed Matters More Than the Score Itself

Let's separate the signal from the vanity metric. Nobody's customers care that your PageSpeed score is 92. They care that the page loaded before they got impatient and hit back. Google's Core Web Vitals metrics are proxies for that impatience: LCP (Largest Contentful Paint) for loading, INP (Interaction to Next Paint) for responsiveness, CLS (Cumulative Layout Shift) for visual stability.

Google has used Core Web Vitals as a ranking signal since 2021, but in practice the ranking effect is modest for most queries. The bigger reason to care: speed and conversion move together, measurably. Our CRO work across Shopify stores shows that shaving two seconds off mobile load time typically lifts conversion rate meaningfully, and for stores spending real money on ads, faster pages mean cheaper clicks holding attention longer. If you're investing in paid traffic, a slow landing page is a leak in the bucket. This is why page speed sits at the intersection of our CRO work and our technical SEO.

One honest caveat: don't chase 100. On Shopify, especially with apps you actually need (Klaviyo alone adds serious weight), a mobile score in the 60s with green Core Web Vitals is a healthy store. We optimize to "green vitals, good real-user data," not to a screenshot-worthy score.

How to Actually Diagnose a Slow Shopify Store

PageSpeed Insights is a lab test on a simulated mid-range phone over throttled 4G. Useful, but it's the field data that tells you what real customers experience. Here's our diagnostic sequence:

  1. Start with Google Search Console's Core Web Vitals report. This uses real Chrome user data, split by mobile and desktop. If 75%+ of visits pass all three metrics, stop worrying and go work on something else.
  2. Check the CrUX data in PageSpeed Insights (the "Discover what your real users are experiencing" section). Lab score bad but field data green? Your real audience has better phones and connections than the test assumes. Prioritize accordingly.
  3. Run a Shopify-specific analysis. Open Chrome DevTools, throttle to "Fast 4G," and watch the waterfall. On Shopify, the biggest offenders are almost always: render-blocking app scripts in <head>, oversized hero images, and apps loading their full payload on pages where they do nothing.
  4. Crawl with Screaming Frog configured to list page resources, or use the built-in coverage report in Search Console, to find pages with disproportionate script weight.

A rule of thumb we use in audits: if your theme loads more than 30–40 third-party scripts on a product page, the problem is the app stack, not the theme.

Fix 1: Cut Apps Before You Optimize Anything

This is the fix that moves the needle most, and it's the one merchants resist hardest. Every app you install injects JavaScript. Most inject it store-wide, whether the feature is used on that page or not. A countdown timer app can add 200KB to your product pages. A social proof app loads on your homepage where there's no product to prove.

Our process on every rebuild:

  1. Export your full app list from Shopify admin.
  2. For each app, ask: what does this actually earn us? If the honest answer is "we installed it once and forgot," uninstall it.
  3. For apps you keep, check whether they offer settings to limit script loading to specific templates. Many do, and almost nobody enables them.
  4. Replace multi-purpose apps with targeted ones. A reviews app, a wishlist app, and a stock-alert app from three vendors each load their own frameworks. Some newer all-in-one apps consolidate this, though weigh the tradeoff carefully: consolidation helps speed but can hurt if one app does everything poorly.

The pushback we hear constantly: "but we need all of these." Sometimes that's true. More often, three of the twelve apps are carrying 90% of the value. We've cut app counts from 30+ to under 15 on multiple stores and watched INP improve dramatically within weeks, with zero lost functionality. Clients rarely notice the missing apps. Their customers notice the faster store.

Fix 2: Images, the Right Way

Images are usually the largest contributor to LCP, and Shopify gives you most of what you need natively. The problem is that themes and page builders undermine it.

First, the non-negotiables:

  • Use Shopify's image filters. image_url: width: 1600 and image_tag with loading="lazy" for anything below the fold. Never upload a 4000px-wide image and let the browser scale it.
  • Convert heroes to WebP or AVIF. Shopify's CDN serves modern formats automatically for uploaded images, but some page-builder sections bypass the CDN. Check yours.
  • Set width and height attributes everywhere. Without them, images cause layout shift, and CLS penalties. This is a five-minute Liquid edit that fixes itself sitewide.
  • Kill the slider. Every carousel we replace with a single optimized hero image improves LCP. Sliders load every slide's assets upfront. Merchants love them because they feel rich; data says almost nobody clicks past the first slide.

One tool note: image compression apps are mostly unnecessary if you sized images correctly before upload. We run bulk compression once during a rebuild (ShortPixel or similar, used offline rather than as a live app) and then enforce size discipline going forward. A live compression app is just more JavaScript to solve a problem that shouldn't exist.

Fix 3: Defer and Delay Third-Party Scripts

Not every script needs to fire immediately. Klaviyo, chat widgets, analytics, pixels: these can load after the page becomes interactive, and your LCP won't miss them. The trick is loading them without breaking them.

For Shopify, we use a controlled delay pattern in theme.liquid rather than installing yet another script-management app:

<script>
  window.addEventListener('load', function() {
    setTimeout(function() {
      var s = document.createElement('script');
      s.src = 'YOUR_SCRIPT_URL';
      s.async = true;
      document.body.appendChild(s);
    }, 2000);
  });
</script>

This fires the script two seconds after full page load. Chat widgets and review carousels survive the delay fine. Pixels need more care: Meta and Google tags want to catch early page events, so delay them less or use their own async loaders. When in doubt, test conversion tracking thoroughly before and after. We've seen merchants delay their Meta pixel and then panic when attribution drops; the delay wasn't the problem, the missing PageView on early exits was.

Also: check whether your apps offer "defer" toggles natively. Several major review and email apps now do, because they've heard the complaints.

Fix 4: Fix the Theme Itself

Some themes are slow out of the box, especially older ones stuffed with every feature imaginable. If your theme is from 2020 and loaded with sliders, parallax, and animated sections, no amount of app trimming saves you. Modern Shopify themes like Dawn are genuinely fast, and upgrading can be the single biggest LCP fix available. Our Shopify theme comparison covers which themes stay fast under a real catalog.

A middle path exists before a full rebuild: audit the theme's sections. Remove unused ones. Disable animation libraries on mobile. Many of our clients' stores carry an entire page-builder app (PageFly, Shogun, GemPages) for three landing pages while the rest of the store is native theme. Consolidating those pages to the native theme editor, or accepting slightly less design freedom on three pages, removes a full app stack from every URL.

When we rebuild stores for speed, the pattern is consistent: new or cleaned theme, lean app stack, disciplined images. The stores that go from red to green usually didn't need anything exotic. They needed subtraction.

What Doesn't Work (Stop Wasting Money Here)

A short list of things merchants pay for that rarely justify the cost:

Speed-score-guarantee apps. The app store is full of "speed booster" apps that minify and defer scripts. Some help marginally. Most re-solve problems you should solve at the source, and they add their own overhead. Fix the app stack instead of installing an app to fix your apps.

Chasing lab scores at the expense of features. If your store genuinely needs a size guide, a chat widget, and a reviews carousel, a 55 lab score with green field data beats a 90 with broken functionality. Test with your real audience's data.

AMP. Google has largely moved on from AMP for ecommerce. Don't build it in 2026.

Cheap "speed optimization" gigs. We've audited the aftermath of $99 Fiverr speed jobs. They typically install one of the apps above, remove your analytics by accident, and leave the actual problems untouched. Speed work done right is unglamorous auditing, not a magic toggle.

DIY or Call for Help?

If your field data in Search Console is mostly green, do nothing. Seriously. Fix problems that exist, not lab scores that offend you.

If your mobile field data shows failing LCP or INP on template-level pages (product, collection), the fixes in this post are DIY-able in a weekend if you're comfortable in theme code and ruthless about apps. Start with the uninstall list. It's the highest ROI hour you'll spend on your store this quarter.

If your store is large, heavily app-dependent, or the thought of editing Liquid makes you nervous, bring in help. Speed work is detail-heavy, and mistakes break conversion tracking or checkout in ways that cost more than the fix. This is exactly the kind of engagement we typically start with: an audit that finds the real bottlenecks, a prioritized fix list, and implementation where it counts.

Frequently Asked Questions

What is a good PageSpeed score for Shopify?

Ignore the single score. Watch Core Web Vitals field data instead: LCP under 2.5 seconds, INP under 200 milliseconds, CLS under 0.1, measured on real users. A store with a 65 lab score and green field vitals is healthy. A store with a 90 and red field data has a problem.

Do Shopify speed apps actually work?

A few do modest deferral and minification work, but they can't fix a bloated app stack, oversized images, or a slow theme, which are the real causes. Most speed apps treat symptoms. Fix the source first; only then consider whether an app adds anything.

Does page speed directly affect Google rankings?

Core Web Vitals are a ranking signal, but a lightweight one for most queries. The bigger impact is conversion: slower stores convert worse, and paid traffic on slow landing pages wastes budget. Treat speed as a revenue problem that happens to have an SEO angle.

How much can I realistically improve without a theme rebuild?

Substantially. Cutting unused apps, fixing images, and deferring scripts routinely cuts mobile load time by 30–50% on app-heavy stores. Rebuilds matter most when the theme itself is old and feature-bloated, which is rarer than app bloat.

Will deferring scripts break my tracking or apps?

It can if done carelessly. Pixels need early loading, and some apps expect immediate initialization. Test conversion events, chat, and reviews thoroughly after any deferral change, and stage changes before deploying them store-wide.

PageSpeed Insights tool ready to test a Shopify store URL

Get Help With This

Speed work is subtraction, but knowing what to subtract takes experience. If you want an expert audit of your store's performance with a prioritized fix list, talk to us about our Shopify CRO service. We'll find the bottlenecks, fix what matters, and leave you with a store that's measurably faster.

Written by

Aayush Bucha

Founder & Chief Strategist

Scaled his own brand to eight figures before building AAA Digital. Reviews every Shopify growth engagement personally.

AAA Digital brand mascot

WANT RESULTS LIKE THESE?

We implement these exact strategies for brands that want to scale. Book a free strategy call and let us audit your current setup.

Book a Free Strategy Call