Speed Guide · Updated March 24, 2026

Shopify Speed Optimization: 10 Fixes That Actually Work

Shopify speed optimization — 10 proven fixes for faster stores

Shopify speed optimization starts with fixing the real bottlenecks: third-party app scripts, unoptimized images, and render-blocking CSS. The average Shopify store scores just 25–35 on mobile PageSpeed — but with the right optimizations, you can hit 55–70+. Here are 10 fixes that actually work, tested across 500+ stores in 2026.

~15 min read · 3,500 words · 10 actionable techniques

What Shopify Already Optimizes (So You Don't Have To)

Before you start optimizing, it's worth understanding what Shopify already handles for you. Shopify's managed infrastructure is genuinely good — which is why most "speed up Shopify" advice misses the mark by focusing on things that are already taken care of.

Global CDN via Cloudflare

Every Shopify store is served through Cloudflare's CDN with automatic edge caching. Your static assets are cached at 100+ points of presence worldwide.

Automatic Image Compression

Shopify automatically serves images in WebP format to supported browsers and handles basic compression. You don't need a separate image CDN.

HTTP/2 and Brotli Compression

All Shopify stores use HTTP/2 for multiplexed connections and Brotli compression for smaller file transfers — built into the platform.

Free SSL/TLS on All Stores

HTTPS is automatic and free on every Shopify store. No certificate management, no renewals, no configuration needed.

So what's LEFT for you to optimize?

Shopify's infrastructure handles delivery speed well. But it doesn't optimize what happens after assets arrive in the browser: render-blocking JavaScript from third-party apps, unoptimized CSS loading, lazy loading for below-the-fold images, and font loading strategies. These are the bottlenecks that actually make Shopify stores slow — and they're exactly what the rest of this guide covers.

⚡ Thunder takes care of the remaining optimizations Shopify doesn't handle — script deferral, lazy loading, CSS optimization, and font loading — with one click. Try it free →

1. Why Shopify Speed Matters

Speed isn't just a nice-to-have — it directly impacts your revenue:

7%

conversion drop per 1 second of delay

Source: Google/Deloitte

53%

of mobile visitors leave if a page takes over 3 seconds

Source: Google

SEO

Core Web Vitals are a Google ranking factor since 2021

Source: Google Search Central

Research-backed data

8.4%

more conversions for every 0.1 second faster load time

Google/Deloitte — 37 brands, 30M+ sessions · Source

32% → 90%

bounce rate increase when load time goes from 1s → 3s (32%) and 1s → 5s (90%)

Google/SOASTA 2017 · Source

For Shopify stores specifically, this is a real challenge. The average Shopify store scores just 25–35 on Google PageSpeed Insights (mobile). That's well below the "good" threshold of 50+. The reason? Shopify's platform JavaScript, your theme, and — most critically — third-party app scripts all compete for the browser's attention.

📊 2026 Platform Benchmark

According to the HTTP Archive Core Web Vitals Technology Report, Shopify leads WordPress on mobile CWV pass rates — approximately 65% of Shopify origins pass all three Core Web Vitals vs just 44% for WordPress (late 2025 data). This is thanks to Shopify's managed infrastructure, global CDN via Cloudflare, and automatic image optimization. However, that 35% failure rate is almost entirely caused by third-party app scripts and heavy themes — exactly what Thunder fixes.

The good news: most of this is fixable. You don't need to rebuild your store or switch platforms. The techniques in this guide can improve your load time by 40–60%, often in a single afternoon. For an even deeper dive, see our complete Shopify speed optimization guide.

2. The Easy Fix: Automatic Optimization with Thunder

Before we dive into 10 manual techniques below — there's a much easier way. Thunder Page Speed Optimizer automatically handles the most impactful speed optimizations on your Shopify store, with no code changes required.

What Thunder fixes automatically:

Script Deferral

Automatically defers third-party app scripts — even ones you can't control manually

Critical CSS Inlining

Extracts and inlines above-the-fold CSS so your page renders instantly

Image Optimization

Lazy loading, WebP conversion, and responsive image sizing — automatic

Font Optimization

Adds font-display: swap and preloads critical fonts automatically

Smart Dependency Mapping

Understands which scripts depend on each other — defers safely without breaking apps

Continuous Monitoring

Tracks your speed daily and alerts you if new apps introduce speed regressions

Average improvement: +27 PageSpeed points

Thunder users see an average 27-point improvement in their Google PageSpeed score. Most stores go from red/orange to green within minutes of enabling optimizations.

Speed Up Your Store Now →

Free plan available · No credit card required · 30-second setup · Works with all themes

Why use an app instead of doing it manually? The 10 techniques below are all valid — but they require hours of work, technical knowledge, and ongoing maintenance. Every time you install a new app or update your theme, you'd need to re-optimize. Thunder handles all of this automatically and continuously. Check our pricing plans to find the right fit for your store. 4.6★ rating · 59 reviews · 20,000+ stores trust Thunder.

Prefer to do it yourself? Keep reading ↓

3. How to Check Your Shopify Store Speed

⚡ Skip this step: Thunder's free plan automatically monitors your store speed and shows you exactly what's slowing it down — no manual testing needed.

Before optimizing anything, you need a baseline. You can run a free speed test right here on our site, or use these three tools (all free):

Google PageSpeed Insights

pagespeed.web.dev — The most important tool. It shows both lab data (simulated) and field data (real user experiences from Chrome users). Focus on the mobile score.

GTmetrix

gtmetrix.com — Provides a waterfall chart showing every resource your page loads, in order. Great for identifying which specific scripts are blocking rendering.

Google Search Console — Core Web Vitals Report

Check the Core Web Vitals report under "Experience." This shows real-world performance data across all your pages.

⚠️ Ignore Shopify's built-in speed score. The speed score in your Shopify admin uses a simplified metric that doesn't reflect real-world performance well. Use PageSpeed Insights and Core Web Vitals data instead.

4. The #1 Speed Killer: Third-Party Apps

⚠️ This is the most complex problem to solve manually. Third-party app scripts are outside your control — you can't edit them or add defer/async. Thunder handles this automatically by intercepting and deferring app scripts without breaking functionality.

Third-party apps are responsible for 50–80% of speed issues on most Shopify stores. Not your theme. Not your images. Your apps. If you're wondering why your Shopify store is slow, this is almost always the answer.

When you install a Shopify app, it injects JavaScript files into every page of your store. The average Shopify store has 15–25 installed apps, each potentially adding render-blocking scripts.

How to Identify Slow Apps

The manual way: Open Chrome DevTools (F12 → Network tab), reload the page, and filter by "JS." Sort by size or load time.

The easier way: Thunder's app scanner generates a report showing which apps add the most weight to your pages, measured in milliseconds of delay and kilobytes of JavaScript.

Google Tag Manager: The Double-Edged Sword

Google Tag Manager (GTM) is supposed to simplify your tracking setup by consolidating all your marketing tags into one container. In theory, it's great — one script to manage them all. In practice, GTM often makes speed problems worse.

✅ The Good

  • • Consolidates tracking scripts into one container
  • • Non-developers can add/remove tags
  • • Built-in triggers and firing rules
  • • Version control for your tags

❌ The Bad

  • • GTM container itself adds 80–100KB+ of JavaScript
  • • Every tag inside still loads its own external scripts
  • • Easy to add tags, hard to remember to remove them
  • • Misconfigured triggers = all tags fire on all pages

Common GTM Mistakes That Kill Speed

  • Loading all tags on all pages. Your Meta Pixel conversion tag doesn't need to fire on your blog. Use GTM's trigger system to fire tags only where they're needed.
  • Not using trigger groups properly. Many merchants set every tag to fire on "All Pages" because it's the default. This defeats the purpose of GTM's conditional loading.
  • Accumulating zombie tags. That TikTok Pixel from a campaign you ran 6 months ago? Still firing. GTM makes it easy to add tags but doesn't remind you to clean up.
  • Loading GTM synchronously. If your GTM snippet is in the <head> without async loading, it blocks rendering while the entire container downloads.

⚡ Thunder defers the GTM container automatically. Instead of letting GTM block your page render, Thunder delays the GTM container load until after your page content is visible — and all the tags inside it load deferred too. No manual configuration needed. Try it free →

5. 10 Ways to Speed Up Your Shopify Store

These techniques are ordered by impact — start from the top for the biggest improvements.

① Audit and Remove Unused Apps

Go to your Shopify admin → Apps and review every installed app. Ask yourself: Is this app actively contributing to sales? If not, uninstall it.

Important: After uninstalling, check your theme code for leftover script tags. For a full walkthrough, see our guide on Shopify loading slow fixes.

⚡ Expected impact: 10–30% improvement if you remove 3+ unused apps

② Use a Script Optimizer

For apps you can't remove, the next best thing is to optimize how their scripts load. Thunder Page Speed Optimizer defers non-critical JavaScript so it loads after the main page content is visible. Thunder's smart dependency mapping ensures apps continue working correctly.

⚡ Expected impact: 20–50% improvement, especially on script-heavy stores

③ Optimize Images

Images are typically the largest files on any page. We cover this topic in depth in our Shopify image optimization guide, but here are three things to get right:

  • Use WebP format. Shopify automatically serves WebP to supported browsers.
  • Compress before uploading. Use Squoosh or TinyPNG. Aim for under 200KB per product image.
  • Use responsive images. Check that your theme includes proper srcset attributes.

⚡ Thunder does this automatically — lazy loading, WebP conversion, and responsive sizing with no manual work.

⚡ Expected impact: 15–40% improvement for image-heavy stores

④ Enable Lazy Loading

Lazy loading means images below the fold aren't loaded until the user scrolls to them. Most modern themes include this, but don't lazy-load your hero image — it should load immediately.

⚡ Expected impact: 10–25% improvement on pages with many images

⑤ Minimize Custom Code and Liquid Complexity

Audit your theme code periodically. Remove unused CSS, simplify nested Liquid loops, and eliminate inline <script> tags.

⚡ Expected impact: 5–20% depending on customization level

⑥ Choose a Fast Theme

The fastest themes include Dawn (Shopify's free reference theme), Sense, and Craft. Run any theme's demo store through PageSpeed Insights before choosing — if the demo scores below 40 on mobile, the theme is the bottleneck.

⚡ Expected impact: 10–40% improvement if switching from a heavy theme

⑦ Reduce HTTP Requests

The average Shopify store makes 80–120 requests per page load. Remove unnecessary apps, consolidate scripts, and avoid external widgets unless essential.

⚡ Expected impact: 5–15% improvement

⑧ Optimize Fonts

Use system fonts when possible, limit to 2 weights (regular + bold), add font-display: swap, and self-host fonts instead of using Google Fonts.

⚡ Thunder does this automatically — font-display: swap and font preloading with no code changes.

⚡ Expected impact: 5–15% improvement, especially on mobile

⑨ Minimize Redirects

Every redirect adds 100–300ms. Update internal links to point directly to final URLs and clean up old redirects in Shopify admin.

⚡ Expected impact: 2–10% improvement

⑩ Understand Shopify's CDN (You Already Have One)

Every Shopify store already uses a CDN via Cloudflare. You don't need a separate one. But a CDN only helps with delivery — it doesn't fix render-blocking scripts or unoptimized images.

⚡ Expected impact: Already included — no action needed

Manual Optimization vs. Thunder

Manual (DIY) Thunder
Setup time 4–8 hours 30 seconds
Technical skill needed Intermediate–Advanced None
Third-party script control ❌ Can't control ✅ Automatic deferral
Critical CSS ⚠️ Hard to maintain ✅ Automatic
Adapts to new apps/updates ❌ Redo manually ✅ Automatic
Continuous monitoring ❌ Manual checks ✅ Built-in dashboard
Average improvement 10–20 points +27 points

6. Core Web Vitals Explained for Shopify

LCP — Largest Contentful Paint

Target: Under 2.5 seconds

Measures how long the largest visible element takes to load. Fix: Optimize images, defer scripts, don't lazy-load the hero image. Thunder handles all three automatically.

INP — Interaction to Next Paint

Target: Under 200 milliseconds

Measures how quickly your page responds to interactions. Poor INP is almost always caused by heavy JavaScript from third-party apps. Thunder defers these scripts to free up the main thread.

CLS — Cumulative Layout Shift

Target: Under 0.1

Measures unexpected layout shifts. Fix: Set image dimensions, use font-display: swap, minimize injected content. Thunder's font optimization helps prevent CLS from font loading.

7. How to Monitor Speed Over Time

Speed optimization isn't a one-time project. Every time you install a new app, add products, or update your theme, your speed can change. Our Shopify store optimization guide covers how to build a repeatable optimization workflow.

1

Set up Google Search Console alerts

Your early warning system for Core Web Vitals issues.

2

Check PageSpeed Insights after every change

Installed a new app? Test speed. Changed your theme? Test speed.

3

Use continuous monitoring

Thunder offers built-in Core Web Vitals monitoring that tracks your real-user metrics over time, directly in your Shopify dashboard. This catches regressions automatically.

📊 2026 Update: What's Changed in Shopify Speed Optimization

  • INP replaced FID as a Core Web Vital in March 2024. Sites with INP scores above 300ms saw 31% ranking drops in Google's December 2025 core update.
  • Average Shopify conversion rate: 1.4% (Littledata, 2025). Top performers hit 3.2–5.2% — and page speed is a key differentiator.
  • 40% of users abandon sites that take more than 3 seconds to load (2025 benchmark). Mobile-first optimization is non-negotiable.
  • Global ecommerce conversion rate: 2.5% as of Q3 2025 — up 0.4% year over year. Faster stores capture more of this growth.

Not sure where your store stands? Run a free speed test →

8. Frequently Asked Questions

How fast should a Shopify store load?

Ideally under 3 seconds on mobile. Google considers anything above 3 seconds slow. The best-performing Shopify stores load in 1.5–2.5 seconds. Aim for a PageSpeed Insights score of 50+ on mobile (most Shopify stores score 25–35 out of the box). Thunder users typically see scores jump from 25–35 to 55–70 after enabling optimizations.

Why is my Shopify store so slow?

The #1 cause of slow Shopify stores is third-party app scripts. Every app you install can inject JavaScript into your storefront. Other common causes include unoptimized images, heavy themes with excessive features, too many fonts, and excessive Liquid template complexity. Thunder automatically identifies which apps are slowing your store with a per-app speed impact report.

Does Shopify speed affect SEO rankings?

Yes. Google uses Core Web Vitals (LCP, INP, CLS) as ranking signals. Slow stores also have higher bounce rates, which indirectly affects rankings. Google's own data shows 53% of mobile users leave a page that takes more than 3 seconds to load.

Do Shopify speed optimizer apps actually work?

Good ones do, yes. Thunder Page Speed Optimizer works by deferring non-critical JavaScript, lazy loading images, inlining critical CSS, and optimizing font loading. Thunder users see an average +27 PageSpeed point improvement. Results vary — stores with many apps typically see the biggest improvements (20–60% faster load times).

How many apps is too many on Shopify?

There's no magic number. Some stores run 30+ apps with good speed because the apps are lightweight. Others slow down with just 5 heavy apps. Focus on impact, not count: Thunder measures each app's actual effect on load time, so you can identify and optimize the worst offenders without removing essential apps.

What is a good PageSpeed Insights score for Shopify?

A mobile score of 50–70 is good for Shopify. Scores above 70 are excellent. Most unoptimized Shopify stores score 20–35 on mobile. Desktop scores are typically much higher (70–95) and less meaningful since most ecommerce traffic is mobile. Focus on mobile performance.

Does removing an app remove its code from my store?

Not always. Many Shopify apps leave behind code snippets in your theme files even after uninstallation. Check your theme's theme.liquid and other template files for leftover script tags. You may need to manually remove them or use a speed optimizer like Thunder that can identify orphaned scripts.

Is Shopify's built-in CDN enough for speed?

Shopify's CDN handles static assets (images, CSS, JS) well and is globally distributed. You don't need a separate CDN. However, a CDN only helps with delivery speed — it doesn't fix render-blocking scripts, unoptimized images, or heavy JavaScript execution, which are the main speed bottlenecks on Shopify. That's where Thunder helps.

How often should I check my Shopify store speed?

At minimum, check after installing or removing any app, changing themes, or making significant content updates. Ideally, monitor Core Web Vitals weekly. Thunder provides continuous monitoring in your Shopify dashboard so you don't have to remember to check manually.

Can I speed up my Shopify store without an app?

Yes — to a point. You can compress images before uploading, remove unused apps, reduce custom code, use system fonts, and choose a lightweight theme. However, optimizing how third-party scripts load requires JavaScript-level intervention that's difficult to do manually and maintain across app updates. Thunder automates all of this with a 30-second setup.

Stop Guessing. Start Optimizing.

Thunder automatically handles script deferral, critical CSS, image optimization, and font loading — the top 4 speed optimizations in this guide. Average improvement: +27 PageSpeed points in minutes.

Install Thunder Free →

No credit card required · Works with all Shopify themes · Free plan available · 7-day trial on paid plans