Back to Blogs
Shopify Development
Shopify Optimization

Shopify Speed Optimization: Complete Guide to Faster Load Times

Shopify website speed optimization made practical: improve images, apps, themes, Core Web Vitals, and real-world store performance.

Ryan August 25, 2026 9 mins read
Shopify Speed Optimization Complete Guide To Faster Load Times Scaled



Key Insights
• A Deloitte and Google study across 30 million Shopify sessions found that a 0.1-second speed gain lifts sales by 8.4%.
• Average Shopify stores score 25 to 45 on mobile and 65 to 85 on desktop in PageSpeed Insights. A 70+ mobile score is excellent, not the baseline.
• Installing five or more apps drops mobile PageSpeed scores by an average of 15 to 25 points from added JavaScript alone.
• Images account for roughly 50 to 75% of total page weight on most Shopify stores, making them the highest-ROI place to start.

Shopify website speed optimization is the process of improving how quickly and smoothly your store loads for real visitors. It includes image optimization, app auditing, theme improvements, and Core Web Vitals fixes. These improvements also support broader Shopify SEO by improving page experience and reducing performance issues that can affect users and search visibility.

A 100 PageSpeed score looks impressive on a slide and means almost nothing to a shopper standing three seconds into a blank screen. Most Shopify speed work aims at the wrong number, chasing a lab score instead of the field data that actually decides whether a visitor sticks around long enough to buy.

The two numbers move together often enough to create confusion, but they aren’t the same measurement, and optimizing for one at the expense of the other tends to produce a store that scores well and still feels slow. Let’s take a closer look.

Why Shopify Speed Optimization Isn’t About Chasing a 100 PageSpeed Score

Average Shopify stores score 25 to 45 on mobile and 65 to 85 on desktop in Google PageSpeed Insights. Against that baseline, a mobile score above 70 is genuinely excellent, and above 90 is rare even for stores that have done real optimization work. Treating 100 as the target sets store owners up to chase diminishing returns on a lab score while ignoring the field data that actually reflects what real visitors experience.

One agency’s documented case shows what realistic progress looks like: a store arrived with a mobile PageSpeed score of 20. One optimization sprint brought it to 59. A second pass, paired with a controlled theme rebuild, brought it to 89. That’s the shape of real speed work: staged, cumulative, and never aimed at a perfect number nobody’s visitors will ever notice.

The Shopify Speed Optimization Checklist, In Order of Impact

How to Improve Shopify Page Speed?

If you want to optimize Shopify performance, start with the issues that create the most unnecessary weight. Compress large images, audit unused apps, disable leftover app embeds, and review your theme. You should also defer non-critical scripts such as chat widgets and tracking pixels.

Images: The Single Biggest Lever Most Stores Never Pull

Images typically account for 50 to 75% of total page weight on a Shopify store, which makes them the highest-ROI place to start and the most commonly ignored.

  • Resize before uploading. Product images rarely need to exceed 800 by 800 pixels for how they actually display; uploading at 4000px and letting the browser scale down wastes bandwidth on every page load.
  • Compress without visible quality loss. Tools like TinyPNG or Squoosh routinely cut file size by 60 to 80% with no perceptible difference at screen resolution.
  • Switch to WebP. WebP images are 25 to 35% smaller than equivalent JPEGs, and Shopify serves them automatically to compatible browsers once uploaded.
  • Set explicit width and height. Missing image dimensions are one of the most common causes of layout shift, the metric that quietly wrecks a page’s CLS score.

App Bloat and the Scripts Nobody Audits

Every installed app adds its own JavaScript to the page, whether or not a visitor ever interacts with what it does. Installing five or more apps drops mobile PageSpeed scores by an average of 15 to 25 points, and running two apps that perform overlapping functions typically adds 15% to total blocking time on top of that. Good Shopify speed optimization is not about removing every app. It is about keeping the tools that add value without adding unnecessary weight.

  • List every installed app and ask which ones are actively earning their keep, not just ones that seemed useful at setup.
  • Remove anything that isn’t. This alone routinely produces a 10 to 20 point score improvement, visible immediately on a re-test.
  • Disable leftover app embeds under Online Store, Themes, Customize, App Embeds. Uninstalling an app doesn’t always remove the code it left behind in the theme.
  • For apps that have to stay, check whether tracking pixels and chat widgets can load after the page’s main content instead of blocking it. A visitor should be able to tap “Add to Cart” while a pixel is still finishing in the background, not the other way around.
Where Shopify Page Weight Actually Goes

Theme Choice as a Speed Ceiling

A feature-heavy, code-bloated theme creates a speed ceiling that no amount of image compression or app cleanup can optimize past. Shopify’s own Online Store 2.0 themes, Dawn among them, are built for performance from the baseline up. Third-party premium themes vary widely, and a theme that looked fast in a demo store can carry years of legacy code by the time it’s been customized for a real catalog. Section-based apps, custom animations, and years of accumulated Liquid edits from different developers all add weight that a demo store, stripped down and running no real inventory, never shows.

If a store is sitting on a legacy or heavily modified theme and the fixes above have plateaued below a 60 mobile score, that’s usually the signal that the remaining ceiling is structural rather than incremental. At this stage, Shopify site speed optimization becomes less about quick fixes and more about theme structure, scripts, and custom code, which is where Shopify development work earns its cost back in conversion rate rather than just a better score. A rebuild is a bigger decision than swapping an app or compressing a folder of images, which is exactly why it should be the last item worked through, not the first.

What’s a Good Shopify Speed Score in 2026?

A good Shopify speed score in 2026 is 50 or higher on mobile for a real store running apps and product photography, with 70 or higher considered excellent and 90 or higher exceptional and uncommon. Desktop scores run higher by default, with 65 to 85 as a typical range and 90 or above as a strong result. Shopify’s built-in Speed Score, found under Online Store, Themes, Speed, is a useful reference point for comparing against similar stores, but it should be treated as a signal, not the final measure. The Core Web Vitals data inside Google Search Console reflects real visitor experience across devices and connection speeds, which makes it a more reliable target than any single lab score.

The Shopify Website Speed Optimization Checklist

Worked in this order, each fix compounds on the one before it.

1. Run a baseline test first. Use Google PageSpeed Insights on both mobile and desktop before changing anything, so every later improvement is measurable against a real starting point.

2. Compress and resize every image. Product photos rarely need to exceed 800 by 800 pixels, and WebP format alone cuts file size by 25 to 35%.

Want to know what’s
blocking your Shopify
growth?

Get a Shopify Audit

3. Set explicit width and height on images. This single fix prevents most of the layout shift that tanks a CLS score.

4. Audit every installed app. Remove anything not actively earning its keep, and expect a 10 to 20 point score bump from doing it.

5. Disable leftover app embeds. Uninstalling an app doesn’t always clean up the code it left in the theme.

6. Defer non-critical third-party scripts. Chat widgets and tracking pixels should load after the main content, not block it.

7. Confirm the theme is Online Store 2.0. Legacy themes carry a structural ceiling that no amount of tip-by-tip optimization gets past.

8. Set loading behavior correctly. Hero images above the fold should load eagerly; everything below the fold should lazy load.

9. Re-test after every single change. Not once at the end. Isolating which fix moved the number is the only way to know what’s actually working.

10. Track speed against revenue, not just score. A higher PageSpeed number means nothing if nobody’s connecting it to conversion data. DataDrop ties page-level speed changes to the revenue those pages actually generate.

he Shopify Speed Optimization Checklist, In Order of Impact

Tracking Speed Improvements Against Revenue, Not Just Score

Most stores treat speed as a single number to check occasionally and forget. That works until a new app, a theme update, or a seasonal traffic spike quietly drags the score back down, and nobody notices until conversions have already slipped. Speed monitoring needs to be ongoing, and it needs to be tied to what a page actually earns, not just how fast it loads in a synthetic test. A homepage that improved from 45 to 70 means little on its own; the number that matters is whether the pages driving the most revenue are the ones actually getting faster, and whether that improvement shows up in conversion rate rather than just in a screenshot of a better score. The goal is not simply a higher PageSpeed number. Faster pages should support the same improvements you would expect from efforts to increase Shopify conversion rate.

If the checklist above has been worked through and the score still isn’t translating into more revenue, the gap usually isn’t technical anymore. It’s visibility into which pages are actually converting once they’re fast. Get in touch through our contact page if you want a second opinion on where your store’s speed work is and isn’t paying off.

Pro Tip 💡

Re-test immediately after installing any new app, even ones marketed as lightweight. The fastest way to lose the gains from a full optimization pass is a single new script nobody thought to measure.

Frequently Asked Questions

Why is my Shopify store so slow?

A Shopify store can slow down because of large images, too many apps, third-party scripts, or heavy theme code. Shopify already provides performance-focused hosting, a CDN, and built-in image optimization. Start by checking the extra features, apps, and code added to your store.

What is a good Shopify speed score?

Do not rely on one PageSpeed score alone. Google considers an LCP of 2.5 seconds or less, an INP of 200 milliseconds or less, and a CLS of 0.1 or less to be good Core Web Vitals. Shopify’s Web Performance reports also use these real-user metrics to measure storefront performance.

Do Shopify apps slow down your store?

They can. Apps may add JavaScript, tracking scripts, or other resources that affect load times. The impact depends on how the app is built and what it loads on the storefront. Keep the apps that add real value, and remove or replace those that create unnecessary performance issues.

Can changing a Shopify theme improve site speed?

Yes. An old or heavily customized theme can slow down your store. Shopify website speed optimization should include checking whether your theme is the main bottleneck. Compare your live store with a clean demo before switching themes.

Need a Shopify feature
that your theme can’t
handle?

Book a Dev Call

Shopping Cart
  • Your cart is empty.
Scroll to Top