Why Shopify Speed Matters (The Data)
Before diving into the methods, let's look at why increasing your Shopify website speed is worth the effort. The research is clear:
+8.4%
conversions per 0.1s faster load time
Google/Deloitte 2020
53%
of mobile visitors leave after 3 seconds
Google/SOASTA 2017
2.5×
more sales for 1s vs 5s load time
Shopify 2023
Speed also affects your Google rankings. Since June 2021, Google uses Core Web Vitals as a ranking signal. Faster stores rank higher, get more organic traffic, and convert more of that traffic into sales.
The average Shopify store scores between 30–60 on Google PageSpeed Insights. Not sure where yours stands? Run a free speed test to get your baseline. That means most stores have significant room for improvement — and every point gained translates to real revenue.
Install Thunder Page Speed Optimizer
If you want the biggest speed improvement with the least effort, start here. Thunder Page Speed Optimizer automatically handles the most impactful optimizations — the same ones that take hours or days to do manually (methods #4, #5, #6, and partially #2 and #8 below).
What Thunder optimizes automatically:
Script Deferral
Defers all render-blocking JavaScript — including third-party app scripts you can't control manually
Critical CSS Inlining
Extracts above-the-fold CSS and inlines it, loading the rest asynchronously
Image Optimization
Lazy-loads offscreen images and preloads the hero image for better LCP
Font Optimization
Preloads critical fonts, adds font-display: swap, eliminates invisible text flash
Preconnect & Prefetch
Establishes early connections to critical third-party domains
Daily Monitoring
Tracks your speed score daily so you can see the trend, not just single noisy tests
Average improvement: +27 PageSpeed points
Stores typically jump from red (30–45) to orange/green (55–75+) within minutes. Stores with more apps see the biggest gains because Thunder optimizes all those app scripts automatically.
Free plan available · No credit card required · 30-second install · Works with all themes
See pricing plans for full details.
Optimize & Compress Images
Unoptimized images are the most common speed killer on Shopify stores. A single 3MB product hero image can add 2+ seconds to your load time on mobile. For a deep dive, see our full Shopify image optimization guide.
What to do:
- → Use WebP format — 25–35% smaller than JPEG at the same quality. Shopify's CDN serves WebP automatically if you use the
image_urlfilter. - → Compress to 80% quality — visually identical to 100%, but 40–60% smaller file size.
- → Set explicit width and height — prevents layout shifts (CLS) when images load.
- → Resize images to display size — don't upload 4000×4000px images if they display at 800×800px.
- → Use
loading="lazy"on below-the-fold images (but NOT on the hero image).
Before/After: A typical store with 20+ unoptimized product images can save 5–10MB of page weight, reducing LCP by 1–3 seconds and gaining 5–15 PageSpeed points.
Remove Unused Apps
Every Shopify app that injects frontend code slows your store. Chat widgets, review apps, popup tools, upsell widgets — each one adds JavaScript and CSS that blocks rendering. The average Shopify store has 20+ apps, and most merchants have 3–5 they don't actively use.
Go to Settings → Apps and sales channels and ask yourself: "Does this app earn me more money than it costs in speed?" If no, uninstall it.
⚠️ Warning: Uninstalling an app doesn't always remove its code from your theme. Many apps leave behind script tags, CSS, and Liquid snippets that continue to slow your store. See Method #12 for how to clean up leftover app code.
Defer Render-Blocking JavaScript
Render-blocking resources are the single biggest factor in your PageSpeed score. JavaScript files in the <head> prevent the browser from rendering anything until they download and execute.
The fix is adding defer or async attributes to script tags. The problem? Most render-blocking scripts on Shopify come from third-party apps — and you can't edit those script tags directly. Manually deferring them requires intercepting the DOM, which risks breaking app functionality.
⚠️ Risk: Incorrectly deferring scripts can break checkout flows, review widgets, chat functionality, and more. Each app has different dependency chains. This is the #1 reason merchants use Thunder — it maps these dependencies and defers scripts safely.
Before/After: Deferring render-blocking scripts typically reduces TBT by 1–3 seconds and improves PageSpeed by 10–25 points. It's the single highest-impact optimization for most stores.
Inline Critical CSS
CSS stylesheets in the <head> are render-blocking by default. The browser won't paint anything until all CSS downloads and parses. The solution: extract the CSS needed for above-the-fold content, inline it directly in the HTML, and load the full stylesheet asynchronously.
This sounds straightforward but is notoriously difficult in practice. You need different critical CSS for each page template (homepage, product, collection, cart), it breaks when you change your theme, and generating accurate critical CSS requires a headless browser. Thunder does this automatically for every page template and regenerates it when your theme changes.
Before/After: Inlining critical CSS typically improves FCP by 0.5–1.5 seconds and adds 5–15 PageSpeed points.
Optimize Web Fonts
Web fonts are a hidden speed killer. Each font weight is a separate download (50–150KB), and browsers often hide text until fonts load — a phenomenon called FOIT (Flash of Invisible Text).
Font optimization checklist:
- → Add
font-display: swapto all @font-face declarations - → Preload your primary font with
<link rel="preload"> - → Limit to 2 font weights maximum (regular + bold)
- → Self-host fonts instead of loading from Google Fonts
- → Use WOFF2 format (30% smaller than WOFF)
Use a Lightweight Theme
Your theme sets the performance floor. Some themes ship 500KB+ of CSS and JavaScript before your content even loads. Shopify's free themes — Dawn, Refresh, Craft, and Sense — are built with modern web standards and are significantly faster than most third-party themes.
For a detailed comparison, see our fastest Shopify themes guide. Switching themes is a big project, so weigh the speed benefit against the migration effort.
Lazy-Load Below-the-Fold Content
Lazy loading defers the download of images, videos, and iframes that aren't visible when the page first loads. This reduces the initial page weight and speeds up the first meaningful paint.
Add loading="lazy" to all images and iframes below the fold. But don't lazy-load your hero image or LCP element — that will make your LCP score worse. Use loading="eager" or fetchpriority="high" for the hero image instead.
Preconnect to Third-Party Domains
When your store loads resources from third-party domains (CDNs, analytics, fonts), the browser needs to perform DNS lookup, TCP connection, and TLS handshake for each new domain. Preconnect hints tell the browser to establish these connections early.
Add these to your theme.liquid <head>:
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="dns-prefetch" href="https://www.googletagmanager.com">Reduce Liquid Template Complexity
Complex Liquid templates increase Shopify's server response time (TTFB). Nested loops, excessive for loops over large collections, and heavy use of metafields all add server-side processing time.
Reduce products per page on collection pages (24 is better than 100), minimize nested Liquid includes, and avoid rendering content you hide with CSS. Every millisecond of TTFB compounds into your LCP and FCP scores.
Minimize DOM Size
A large DOM (more than 1,500 elements) slows down JavaScript execution, style calculations, and layout operations. Shopify page builders like GemPages and PageFly are notorious for generating enormous DOMs — sometimes 5,000+ elements for a single page.
Simplify your page structure, avoid deeply nested sections, reduce the number of products shown per page, and consider replacing page builder sections with native theme sections where possible.
Clean Up Leftover App Code
When you uninstall a Shopify app, the app is removed from your admin — but its code often stays in your theme. Leftover script tags, CSS files, and Liquid snippets from removed apps continue loading on every page, slowing your store for no benefit.
Where to look:
- →
theme.liquid— Check for script and link tags referencing apps you've removed - →
snippets/folder — Look for files named after removed apps - →
assets/folder — Check for CSS/JS files from removed apps - →
sections/folder — Some apps add custom sections
⚠️ Warning: Always duplicate your theme before removing code. Deleting the wrong snippet can break your store. If you're not comfortable editing Liquid, consider our professional speed optimization service or use Thunder to optimize script loading without removing any code.
5 Shopify Speed Optimization Mistakes to Avoid
Even experienced merchants make these mistakes when trying to increase Shopify speed. Avoid them and you'll save hours of wasted effort.
❌ Obsessing over the PageSpeed number instead of real user experience
PageSpeed Insights simulates a slow 4G connection on a throttled CPU. Your real users likely experience something much faster. Focus on Core Web Vitals field data (CrUX) over lab scores. A score of 65 with passing CWV is better than a score of 90 on a broken store.
❌ Removing apps without measuring their actual impact first
Not all apps are equal. A review app with 85KB of JS matters far less than a page builder loading 350KB. Use our free speed test to identify which apps actually hurt your speed before uninstalling anything. You might remove an app that generates $500/month in revenue to save 50ms.
❌ Testing speed on desktop only
Over 70% of Shopify traffic is mobile. Desktop scores are almost always 20-40 points higher than mobile because desktop hardware is faster. Always test mobile speed — that's what Google uses for rankings and what most of your customers experience.
❌ Making one change and running a single speed test
PageSpeed scores fluctuate ±5-10 points between tests due to server conditions, network variability, and CDN cache state. Run at least 3 tests before and after each change, and compare the median. Better yet, use performance monitoring to track trends over days, not single snapshots.
❌ Thinking a speed app replaces all manual optimization
Thunder handles the hardest and highest-impact optimizations (script deferral, critical CSS, font optimization). But it can't shrink your 4MB hero image or reduce your 5,000-element DOM from a page builder. The best results come from Thunder + basic image optimization + smart app choices. See our DIY vs expert guide for the right balance.
Before & After: Real Store Results
Here's what typical stores achieve by combining Thunder with basic manual optimizations (image compression + removing unused apps). For a deeper walkthrough of each technique, see our complete optimization guide.
Fashion Store (12 apps, heavy theme)
Before
23
LCP: 8.2s · TBT: 3,200ms
After Thunder + Images
71
LCP: 2.8s · TBT: 450ms
Electronics Store (8 apps, Dawn theme)
Before
48
LCP: 4.1s · TBT: 1,800ms
After Thunder
82
LCP: 2.2s · TBT: 280ms
Beauty Brand (20+ apps, custom theme)
Before
15
LCP: 11.3s · TBT: 5,100ms
After Thunder + Images + App cleanup
58
LCP: 3.4s · TBT: 680ms
Ready to Speed Up Your Shopify Store?
Thunder handles methods #1, #4, #5, #6, #8, and #9 automatically — the highest-impact, hardest-to-do optimizations. Most stores see +27 points without touching code.
Install Thunder Free →Free plan available · No credit card required · Works with all themes
Frequently Asked Questions
How long does it take to increase Shopify website speed?
It depends on the method. Installing Thunder Page Speed Optimizer takes 30 seconds and delivers a 27+ point improvement immediately. Manual methods like image optimization take 1–3 hours, while theme switching or code cleanup can take days or weeks. The fastest path to meaningful improvement is combining an automated tool with basic image optimization.
What is the fastest way to speed up a Shopify site?
The fastest way is to install Thunder Page Speed Optimizer — it automatically defers render-blocking scripts, inlines critical CSS, optimizes image loading, and preloads fonts. Most stores see a 27+ point PageSpeed improvement within minutes. No coding, no theme edits, no risk.
Does Shopify website speed affect sales?
Yes, significantly. Research from Google and Deloitte shows that every 0.1 seconds of improvement in load time increases conversions by 8.4%. A store loading in 2 seconds instead of 5 seconds can see 2.5x more sales. Speed also affects Google rankings through Core Web Vitals, which means more organic traffic.
Why is my Shopify website so slow?
The most common causes are: too many third-party apps injecting JavaScript (each app adds 50–500KB of scripts), unoptimized product images, render-blocking CSS and JavaScript in the theme, heavy or poorly coded theme, too many web fonts, and excessive use of Liquid loops and metafields. Apps are usually the biggest culprit.
Can I increase Shopify speed without removing apps?
Yes! Thunder Page Speed Optimizer optimizes how app scripts load without removing them. Instead of eliminating functionality, it defers non-critical scripts so they don't block page rendering. You keep all your apps' features while dramatically improving speed. Manual script deferral is possible but risks breaking app functionality.
How many apps is too many for Shopify speed?
There's no magic number, but each app that injects frontend scripts adds to your load time. Stores with 15+ active apps typically score below 30 on PageSpeed. However, the type of app matters more than the count — a single heavy page builder can slow your store more than five lightweight apps combined. Focus on impact, not just count.
Does switching Shopify themes improve speed?
It can, but results vary enormously. Shopify's free themes (Dawn, Refresh, Craft, Sense) are built for speed and typically score 20–30 points higher than heavy third-party themes. However, switching themes is a major project that can take weeks. If your current theme is the bottleneck, it's worth considering — but most speed issues come from apps, not themes.
What is Shopify speed optimization?
Shopify speed optimization is the process of making your Shopify store load faster by reducing JavaScript, optimizing images, inlining critical CSS, deferring non-essential scripts, and improving server response times. The goal is to improve Core Web Vitals (LCP, CLS, INP), boost your PageSpeed Insights score, and deliver a faster shopping experience that converts more visitors into customers. You can optimize manually or use a speed optimization app like Thunder to automate the most impactful fixes.
Is a Shopify speed score of 50 good enough?
A score of 50 puts you in the 'Needs Improvement' range (orange). It's not terrible — you're above the average Shopify store — but there's meaningful room for improvement. Google considers 90+ as 'good.' For most merchants, aiming for 60–80 is a realistic target that balances speed with functionality. Thunder users typically reach this range easily.