Shopify’s flexibility — apps, custom themes, embedded scripts — makes it dangerously easy to pile on performance debt. The good news: almost every Shopify speed problem is front-end, and fixable. Here’s exactly how.
Quick answer
On Shopify you optimize speed almost entirely on the front end — theme, apps, images, and code — because Shopify manages the hosting, servers, CDN, and checkout for you. The biggest wins: prune unused apps (the #1 culprit), compress and correctly size images, and use a performance-first theme like Dawn. Targets are the Core Web Vitals: LCP under 2.5s, INP under 200ms, CLS under 0.1, measured on real mobile visitors. Measure with Shopify’s Web Performance Dashboard, PageSpeed Insights, and Search Console — and remember Google ranks on real-user field data, not your Shopify Speed Score. Speed isn’t a one-time fix: re-test after every app install, theme update, or code change.
A slow store is expensive in two currencies at once — rankings and revenue. Core Web Vitals are a confirmed Google ranking factor, and studies consistently find that a one-second delay in load time can cut conversions by around 7%. Shoppers now expect a mobile page in under two seconds. Miss it and you lose both the sale and the search position. The old advice — “compress a few images and install fewer apps” — still matters, but it’s no longer the whole job. Here’s the full, current playbook.
First: what you can (and can’t) control on Shopify
This is the point that changes everything, and most generic speed guides miss it. On a self-hosted site you can tune the server, add caching, and change hosts. On Shopify you can’t — Shopify manages the hosting, servers, global CDN, and the (non-cacheable) checkout. That’s mostly good news: the infrastructure is fast and handled for you. But it means your speed work lives almost entirely on the front end:
| Shopify handles (you can't change) | You control (where the work is) |
|---|---|
| Hosting & servers | Theme choice & theme code (Liquid) |
| Global CDN | Apps installed |
| Server response / TTFB | Images & media |
| Checkout infrastructure | JavaScript, scripts & tracking tags |
So if your store is slow, the cause is almost always in that right-hand column — not the server.
How to measure your Shopify speed
Don’t optimize blind. Use these together:
- Google PageSpeed Insights — a 0–100 mobile score plus Core Web Vitals and specific fixes. A mobile score below 60, or any vital rated “Needs Improvement/Poor,” means speed is actively hurting you.
- Shopify Web Performance Dashboard (Online Store → Themes) — store-specific real-user Core Web Vitals over a 28-day rolling window, by page type. Note: data can lag up to ~36 hours, so treat it as a directional record, not instant QA.
- Google Search Console → Core Web Vitals — real-user field data, the source of truth for rankings.
- WebPageTest — a waterfall view showing exactly which resources load slowly and in what order, for diagnosing bottlenecks.
Key distinction: Shopify’s Speed Score and Lighthouse are lab scores — great for benchmarking and tracking trends, but Google ranks on real-user field data (Search Console / CrUX). Chase passing field data, not a specific Shopify or Lighthouse number.
The step-by-step Shopify speed fixes
- Prune your apps — the #1 culprit
Most apps inject JavaScript and CSS that load on every storefront page, and some leave code behind even after you uninstall them. Heavy app scripts block the browser’s main thread, making Add-to-Cart feel sluggish and wrecking INP. Audit every installed app, remove anything that doesn’t directly drive revenue, and have leftover code cleaned out. A common rule: keep the stack lean (see best Shopify apps for lean picks). - Optimize your images
Images are usually your biggest LCP factor. Shopify auto-serves modern formats through its CDN, but you still must compress files, size them correctly (don’t ship a 3000px image into a 600px slot), lazy-load below-the-fold images, and prioritize the hero/LCP image so it loads first. A good image-optimization app can automate most of this. - Use a performance-first theme
Theme architecture sets your ceiling. Shopify’s own Dawn (and other Online Store 2.0 themes) is built for performance and scores well on Core Web Vitals. Before buying a premium theme, check its demo store’s PageSpeed score — marketing screenshots lie, Lighthouse doesn’t. Migrating off a heavy legacy theme can improve load time by 1.5–2x. - Tame JavaScript & third-party scripts
Defer non-critical JavaScript, minimize third-party scripts, and audit tracking tags — many fire before a shopper can interact, hurting INP. Every marketing pixel and widget has a cost; keep only what earns its place. - Eliminate layout shift (CLS)
Set explicit width/height (or reserved space) on all images, embeds, ads, and dynamic banners, and fix font loading so text doesn’t reflow. Unsized media and late-loading fonts are the classic Shopify CLS offenders. - Clean up Liquid & custom code
Bespoke theme customizations quietly accumulate inefficiencies that aren’t visible to the untrained eye. A Shopify developer can audit and clean the Liquid/CSS/JS to remove render-blocking and redundant code. - Maintain it — speed isn’t a one-time fixRe-test after every app install, theme update, or code change, since each can regress your scores. Periodically clean up expired products, revision logs, and old data, and keep optimizing new product images as inventory grows.
If you only do three things
These highest-impact, lowest-effort fixes move most stores a long way — and need no developer:
- Compress and correctly size your images (especially the hero/LCP image).
- Prune apps you don’t use and remove leftover code.
- Set dimensions on all images to stop layout shift.
When to bring in a developer
DIY covers a lot, but call in expert help when: your theme is fundamentally bloated and needs rebuilding on a lightweight foundation; render-blocking or JavaScript issues require editing Liquid, CSS, and theme code you’re not comfortable touching; you’re weighing a headless/composable build (like Hydrogen) to push performance past what a standard theme allows; or you’ve fixed the obvious things and still fail Core Web Vitals in Search Console. A structured technical audit is the fastest path to the root cause.
Why this matters
Speed on Shopify is both an SEO and a sales lever. Faster stores rank better and get crawled more efficiently (the mechanism is in how speed impacts rankings), and they convert more of the traffic you already have (why speed impacts sales). If you’re not sure what’s dragging you down, the general causes are covered in why your website is slow, and speed sits inside the broader Shopify SEO checklist and guide. A slow store is one of the top reasons Shopify stores fail — and one of the most fixable.
What does Shopify already optimize for you?
Quite a lot. According to Shopify’s help centre, every store gets a global CDN run by Cloudflare, one-year browser caching on cacheable resources, gzip compression, automatic JPG compression, WebP delivery for many images and automatic minification of CSS and JavaScript. You don’t need to add any of that yourself.
This matters when you run a speed test. Third-party scanners often tell you to add a CDN, switch on compression or change server headers. The Shopify help centre guidance on store performance says those suggestions are already handled or don’t apply to Shopify stores. Skip them and spend your time on the three things that are yours: the theme, the apps and any extra code, such as tag manager tags.
How do you improve your Shopify speed score?
Start with Largest Contentful Paint, because it’s usually the hardest metric to pass on a store. Load your hero or main product image eagerly, give it fetchpriority=”high”, serve it through Shopify’s image_url and image_tag filters, and remove any fade-in that delays it. Then cut JavaScript and fix layout shift.
Shopify’s theme performance documentation lists these as the highest-impact image rules:
- Never lazy-load the LCP image. Lazy-loading an image that’s visible when the page opens delays it. Lazy-load only images below the fold.
- Add fetchpriority=”high” to the LCP image so the browser fetches it before other resources.
- Don’t hide it behind an animation. Reveal effects delay the LCP event even after the file has downloaded.
- Use an img tag, not a CSS background image, for hero content so the browser can find it early.
- Always set width and height. The image_tag filter adds them for you and prevents layout shift.
Shopify also requires Theme Store themes to reach a minimum average Lighthouse performance score of 60 across the home, product and collection pages. That’s a low bar. Treat it as a floor, not a promise of a fast store, and always check your own field data in Shopify’s Web Performance reports.
Which theme settings slow a Shopify store down?
Shopify’s help centre points at a few usual suspects: page transitions and other animations, too many sections on one template, and big collections with no pagination. Compare your speed before and after switching on any animation, keep templates lean, and paginate collections so fewer products load at once. Shopify also says its Horizon family of themes and its Online Store 2.0 themes are free and optimized for web performance. For more on how speed ties into visibility, see our Core Web Vitals and INP guide.
Shopify speed optimization code: what to change in the theme
If you’re comfortable in the theme editor, the biggest code-level wins sit in Liquid and JavaScript. Shopify’s developer documentation explains that Liquid renders on the server for every page request, so slow Liquid raises Time to First Byte and delays everything that follows. It names deeply nested loops as the most common cause of high TTFB, because loops across products, variants or options grow quadratically as your catalog grows. A theme that feels fast with 10 products can crawl with 100.
The fixes the documentation recommends include:
- Avoid nested loops, and move metafield access out of loops.
- Load only the variant data you need for the first render.
- Keep pagination under 25,000 objects, because deeper pagination slows requests on the server.
- Use Shopify’s Theme Inspector for Chrome to find the slowest Liquid lines before you change anything.
- Render main content in Liquid and HTML rather than building it with client-side JavaScript.
On the JavaScript side, defer non-critical scripts, load heavy modules only when someone interacts with a component, and audit every script, including app code and tracking pixels. Shopify’s help centre says poor INP usually means too much JavaScript from the theme, apps or tag manager. If you use an A/B testing tool, remove its anti-flicker snippet when no test is running, which the developer docs list as a high-impact fix.
How do fonts and app widgets cause layout shift?
Web fonts swap in late and push text around, which shows up as CLS. Shopify’s developer guidance is to host fonts on the Shopify CDN rather than loading them from an outside service, or to use system fonts so nothing has to download. For content injected by apps, such as review stars or upsell bars, use app blocks with a minimum height so the space is reserved before the widget loads.
Do Shopify speed optimization apps actually work?
Some help and some hurt. Any app that adds its own JavaScript increases the load it’s meant to reduce, so judge it like any other app: measure before and after. Shopify’s developer docs also warn about “fake performance apps” that cheat Lighthouse and PageSpeed tests by injecting transparent elements or serving different pages to crawlers. A higher score from one of those doesn’t help real shoppers, and Google ranks on real-user data.
A safer test is to install the app, wait for real-user data to update in Shopify’s Web Performance reports, and compare LCP and INP, not just the lab score. If nothing improved, remove it. Uninstalling an app doesn’t always remove its code from your theme, so check with the developer. Our roundup of the best Shopify apps in 2026 covers leaner choices.
A 30-minute Shopify speed-up checklist
- Run PageSpeed Insights on your home page, one collection and one product page, using the mobile result.
- Open the Web Performance reports in your Shopify admin to see real-user Core Web Vitals.
- List every installed app and remove any that don’t earn their cost.
- Search your theme for leftover code from apps you’ve already uninstalled.
- Audit your tag manager and delete unused or low-value tags.
- Check the hero image: eager loading, fetchpriority high, right size, no fade-in.
- Make sure every image and embed has width and height or reserved space.
- Re-test, and give real-user data time to update before you judge the result.
Faster stores also tend to convert better, so it’s worth pairing this checklist with our Shopify conversion tips. If you’d rather have specialists run it for you, our Shopify conversion rate optimization service and ecommerce SEO services start with a speed audit. Last verified: 12 October 2026.
Frequently asked questions
How do I check my Shopify store speed?
Use three tools together: PageSpeed Insights (0–100 mobile score + Core Web Vitals + fixes), Shopify’s Web Performance Dashboard (store-specific real-user metrics over 28 days), and Search Console’s Core Web Vitals report (real-user field data). A mobile score below 60 or any vital rated “Needs Improvement/Poor” means speed is hurting rankings and conversions.
Do Shopify apps slow down my store?
Yes — they’re the most common cause. Most apps add JavaScript and CSS to your storefront, and some leave code behind after uninstalling. Heavy app scripts block the main thread, making buttons sluggish and hurting INP. Audit regularly and remove apps that don’t drive revenue.
What is a good Shopify speed score?
Shopify’s Speed Score benchmarks you against similar stores and is useful for trends, but it’s a lab score, not what Google ranks on. Aim to pass Core Web Vitals on real-user data — LCP < 2.5s, INP < 200ms, CLS < 0.1 on mobile — rather than chasing a specific number.
Can I improve Shopify speed without a developer?
Yes, for the biggest fixes — compressing and sizing images, pruning unused apps, and setting image dimensions all need no code and move most stores a long way. A developer is needed for cleaning Liquid, editing render-blocking scripts, rebuilding a bloated theme, or going headless.
Why is my Shopify store slow even with a good theme?
Usually app bloat and images. A fast theme is still dragged down by too many app scripts, oversized or unsized images, leftover code from removed apps, and tracking tags firing before interaction. Since Shopify manages hosting and CDN, these front-end factors are almost always the cause.
Does Shopify store speed affect SEO and sales?
Both. Core Web Vitals are a confirmed ranking factor, so faster stores rank better and get crawled more efficiently, and even a one-second delay can cut conversions by around 7%. On Shopify, speed is both an SEO and a sales lever.
Why is my Shopify store running so slow?
Usually the theme, the apps or extra third-party code. Shopify’s help centre lists those as the biggest factors, because hosting, the CDN and image delivery are handled for you. Check for too many apps, oversized images and slow scripts first, and test on mobile with PageSpeed Insights.
How do I speed up my Shopify store?
Remove apps you don’t need, compress and correctly size images, load the hero image eagerly with fetchpriority high, defer non-critical scripts, set image dimensions and use an optimized theme. Then re-test with PageSpeed Insights and Shopify’s Web Performance reports after each change.
Do Shopify speed optimization apps work?
Some do, but any app that adds JavaScript also adds load. Shopify’s developer docs warn about apps that cheat Lighthouse tests with tricks like transparent elements. Judge an app by real-user LCP and INP before and after installing it, not by a lab score alone.
Does Shopify already handle CDN and compression?
Yes. Shopify’s help centre says every store includes a global CDN, browser caching, gzip compression, image optimization and automatic minification of CSS and JavaScript. Advice to add a CDN or switch on compression doesn’t apply to Shopify stores, so focus on your theme, apps and scripts.
Most Shopify speed problems come down to apps, images, and theme code — and they’re fixable. Get a free store audit and we’ll show you exactly what’s dragging your Core Web Vitals down, and the highest-impact fixes to pass them.
Riya Bhardwaj
Leading content and growth initiatives with a focus on search visibility, audience engagement, and measurable business outcomes. Specialised in SEO, Generative Engine Optimization (GEO), AI search optimisation, and performance-driven content marketing. Passionate about transforming market insights into scalable content strategies that strengthen brand authority and drive sustainable digital growth.