How to Improve Shopify Store Speed and Performance

Why Shopify Store Speed Is a Revenue Issue, Not Just a Technical One

Page speed is one of the most underestimated drivers of e-commerce revenue. Studies consistently show that a one-second improvement in page load time can increase conversions by 7%. For the average Shopify store doing $100,000/year in revenue, that’s $7,000 in additional annual revenue from a single second of improvement — without changing a product, price, or marketing campaign. Google also uses Core Web Vitals (Largest Contentful Paint, Cumulative Layout Shift, and Interaction to Next Paint) as ranking signals, meaning slow pages rank lower in search results, further compounding the revenue impact.

This guide covers how to diagnose your Shopify store’s speed issues and implement the optimizations that deliver the greatest impact — from image compression and theme optimization to app audit, lazy loading, and third-party script management.

Step 1: Measure Your Current Performance Baseline

Before optimizing, measure where you are. Without a baseline, you can’t know whether your optimizations are working. Use these tools to establish your starting point:

• Google PageSpeed Insights — tests both mobile and desktop performance. Provides a score from 0-100 and identifies the specific issues causing slowness with estimated impact of each fix. Run against your homepage, your highest-traffic product page, and your collection pages.
• Google Search Console → Core Web Vitals report — shows real-world performance data for your actual visitors, not just lab test results. Shows which pages are failing LCP, CLS, or INP thresholds in the real user experience.
• GTmetrix — provides a detailed waterfall showing exactly how long each element takes to load. Useful for identifying specific slow resources (images, scripts, fonts) that need attention.
• Shopify’s built-in speed score — in your Shopify admin under Online Store → Themes, Shopify shows a speed score for your theme. This is a relative benchmark against other Shopify stores and updates automatically as you make changes.

Record your baseline scores before making any changes. This documents your improvements and helps you identify whether a specific change helped or hurt performance.

Step 2: Optimize Images

Images are typically the largest contributor to slow page load times on Shopify stores — large, unoptimized images that load regardless of whether they’re visible above the fold are one of the most common and most impactful performance issues. Shopify automatically serves WebP format images via its CDN, but you control the source image quality and dimensions:

• Resize images before upload — upload images at the maximum display size, not larger. A product image displayed at 800×800px doesn’t need to be uploaded at 4000×4000px. Use tools like Squoosh, TinyPNG, or ImageOptim to compress images before uploading to Shopify.
• Target file sizes — hero/banner images: under 200KB. Product images: under 100KB each. Lifestyle/editorial images: under 150KB. Images above these thresholds are almost certainly oversized for web use.
• Use Shopify’s image size parameters — Shopify’s CDN allows you to request specific sizes: `image.jpg?width=400` delivers a 400px-wide version. Use appropriately sized images in different contexts (smaller thumbnail versions in collection grids, full-size on product pages) rather than loading the same large image everywhere.
• Enable lazy loading — images below the fold should load lazily (only when the user scrolls toward them). Most modern Shopify themes include this by default. Check your theme’s code to ensure `loading=”lazy”` is present on product grid images and any below-fold imagery.

Step 3: Audit and Reduce Your Installed Apps

Every Shopify app you install has the potential to add JavaScript, CSS, or third-party requests to every page load. The cumulative performance impact of 15-20 apps — each adding their own scripts — is frequently the primary cause of slow Shopify stores. A rigorous app audit is often the single highest-impact performance improvement available:

• List every installed app and its function — go to your Shopify admin Apps section and list every installed app. For each, ask: “Is this app actively generating value? Can I see evidence of this?” An app you installed and forgot about may be loading scripts on every page without delivering any benefit.
• Uninstall unused and underperforming apps — delete apps you’re not actively using. Even apps you’ve “turned off” in their own settings may still inject scripts into your store’s pages. The only way to fully remove an app’s performance impact is to uninstall it from Shopify.
• Evaluate app script loading patterns — some apps load on every page even when only needed on specific pages (e.g., a cart upsell app that loads its full script on every product page). Contact app support to ask whether their app can be configured to load only where needed.
• Consolidate functionality — replace multiple single-purpose apps with one multi-purpose platform where possible. For example, using Yotpo for both reviews and loyalty instead of separate apps reduces the total script load.

Step 4: Optimize Your Theme

Your Shopify theme is the foundation of your store’s performance. A bloated or poorly coded theme can make performance optimization nearly impossible regardless of what else you optimize:

• Use a performance-optimized theme — Shopify’s Dawn theme (the default) is consistently one of the highest-performing themes available. Third-party themes vary wildly in performance quality. Check GTmetrix scores for any theme before purchasing it.
• Remove unused theme sections — themes ship with many optional sections (featured blogs, newsletters, announcement bars, countdown timers). Remove every section from your live theme that you’re not actively using — unused sections may still load their JavaScript and CSS.
• Minimize render-blocking resources — CSS and JavaScript that loads in the document head blocks the browser from rendering the page. Your theme should defer non-critical JavaScript using `defer` or `async` attributes and load only critical above-the-fold CSS inline.
• Avoid excessive liquid rendering complexity — Liquid templates with deeply nested loops and complex filter chains increase server-side render time. Keep your theme’s Liquid code lean and avoid unnecessary complexity.

Step 5: Optimize Third-Party Scripts and Tracking

Analytics, advertising pixels, live chat widgets, and customer service tools are necessary for e-commerce operations, but they contribute significantly to page load time. Managing these third-party scripts intelligently reduces their performance impact:

• Audit every third-party script — in your theme’s code, list every external script you’re loading. For each: is this actively used? Has it been replaced by another tool? Could it be loaded later (deferred) without breaking functionality?
• Use Google Tag Manager — consolidate all your tracking pixels (Facebook, Google Ads, analytics, etc.) into a single GTM container that loads asynchronously. GTM itself loads asynchronously, and you gain centralized control over all tags without editing theme code for each change.
• Defer non-critical scripts — scripts that don’t need to run during initial page render (chat widgets, retargeting pixels, heatmap tools) can be loaded after the initial page render without affecting user experience. Some tools have a “lazy load” option in their settings; others can be wrapped in a setTimeout.
• Remove unused pixels — advertising pixels from campaigns you’re no longer running continue loading on every page. Audit your active ad campaigns and remove pixels from platforms you’re not currently advertising on.

Step 6: Implement Caching and CDN Optimization

Shopify handles hosting and CDN infrastructure automatically, but there are still caching and delivery optimizations you can implement to maximize the performance of Shopify’s infrastructure:

• Shopify’s CDN is automatic — all static assets (images, CSS, JavaScript) are automatically served via Shopify’s global CDN. You don’t need to configure this, but you can verify assets are loading from Shopify’s CDN (typically `cdn.shopify.com`) rather than external servers.
• Minimize storefront API calls — custom sections that make client-side API calls to load dynamic content add latency. Where possible, render content server-side in Liquid rather than fetching it via JavaScript after page load.
• Use Shopify’s predictive search — Shopify’s native predictive search is CDN-backed and fast. Third-party search apps often load larger JavaScript bundles and make more API calls. If your current search app is slow, compare its performance to Shopify’s native predictive search before assuming you need the third-party solution.

Step 7: Optimize Fonts

Custom web fonts are frequently overlooked performance contributors. A store loading 3-4 font families, each with multiple weights, can add 200-400KB of font data to every page load:

• Limit font families and weights — use 1-2 font families maximum, and only the specific weights you actually use (regular, bold). Avoid loading 6 font weights if you’re only using regular and semi-bold in your design.
• Use `font-display: swap` — this tells browsers to display your fallback system font while the custom font loads, rather than hiding text until the font file arrives. This prevents the “invisible text” delay that occurs with default font loading behavior.
• Preload critical fonts — add `` tags for your primary body and heading fonts to ensure they start loading early in the page load sequence.
• Consider system font alternatives — modern system fonts (San Francisco on Mac/iOS, Segoe UI on Windows, Roboto on Android) are high-quality and load instantly. If your brand typography is flexible, system fonts can eliminate font-loading latency entirely.

Step 8: Monitor and Maintain Performance

Performance is not a one-time optimization — it degrades over time as new apps are added, new images are uploaded without compression, and theme customizations accumulate. Ongoing monitoring prevents performance from silently degrading:

• Monthly PageSpeed checks — run PageSpeed Insights monthly on your key pages. Set a performance score threshold (e.g., 70+ mobile) and investigate any month where scores fall below it.
• Performance review before app installation — before installing any new Shopify app, check whether it loads scripts on all pages or only specific ones. Test your PageSpeed score before and after installation to measure the app’s performance impact. If an app causes significant slowdown, consider whether its value justifies the cost.
• Image quality process — establish a standard process for compressing all images before uploading. Document the target file sizes by image type and ensure anyone uploading images to your store follows the compression process.

Frequently Asked Questions

What is a good PageSpeed score for a Shopify store?

A Shopify store with a mobile PageSpeed Insights score of 70+ is performing well. Scores of 50-70 indicate room for improvement that would meaningfully impact conversions. Scores below 50 indicate significant performance issues that should be addressed as a priority. For context, Shopify’s own Dawn theme scores consistently above 90 on desktop and 70+ on mobile when not loaded with third-party apps. Most real-world Shopify stores with apps installed score in the 30-60 mobile range. Improving from 40 to 65 has measurable conversion rate and SEO impact. Chasing scores above 80 on mobile with a full app stack is often impractical — focus on meaningful improvements rather than perfect scores.

Why is my Shopify store slow even though I have a fast theme?

Theme performance is only one factor in overall page speed. The most common causes of slow Shopify stores despite fast themes: too many installed apps (each adding JavaScript to every page load), large uncompressed product images, too many third-party tracking scripts (Facebook Pixel, Google Analytics, live chat, heatmaps all loading simultaneously), fonts loading multiple weights unnecessarily, and Liquid template complexity on collection and product pages. Run GTmetrix on a slow page and look at the waterfall — the slowest loading resources will be immediately visible. Uninstall unused apps first, as this is typically the highest-impact single action for a store that’s accumulated many apps over time.

Do Shopify apps really slow down my store?

Yes, significantly. Most Shopify apps inject JavaScript into your storefront pages — even when their functionality is only relevant on specific pages. An app that powers your cart upsell widget may load its full JavaScript bundle on your homepage, product pages, and collection pages where it will never be used. This problem compounds: a store with 20 apps loading 20 JavaScript files adds up to potentially hundreds of kilobytes of JavaScript that must download and parse before the page fully renders. The practical recommendation: keep your app count as low as possible, periodically audit and uninstall apps you’ve stopped using, and test PageSpeed before and after installing any new app to understand its performance cost.

How do I fix Largest Contentful Paint (LCP) on my Shopify store?

LCP measures how quickly the largest visible element in the viewport loads — for most Shopify stores, this is your hero image (homepage) or primary product image (product page). To improve LCP: preload your hero image with `` in your theme’s head, compress the hero image to under 200KB, ensure the hero image is loaded eagerly (not lazy-loaded — the hero image is already in the initial viewport), use Shopify’s CDN-hosted image URL rather than an external host, and minimize render-blocking scripts that delay the page from starting to render the hero content. A well-optimized hero image loading from Shopify’s CDN should achieve LCP times under 2.5 seconds on most connections.

Should I hire a Shopify speed optimization expert?

For stores doing over $200,000 in annual revenue, hiring a Shopify speed optimization expert (a specialized developer, not a generic freelancer) can generate significant ROI. A qualified expert can eliminate render-blocking resources, consolidate and defer third-party scripts, audit and optimize theme code, and implement advanced optimizations (resource hints, critical CSS inlining) that go beyond what’s covered in standard guides. The key is verifying claimed expertise: ask for before/after PageSpeed scores from their past work, and ensure they can explain specifically what they changed and why. The market for Shopify speed optimization is full of freelancers who run PageSpeed and change image compression settings — a genuinely skilled developer will make code-level optimizations to your theme and app loading patterns.

Final Thoughts

Shopify store speed optimization is one of the highest-ROI technical investments available to e-commerce merchants — the conversion rate and SEO gains from meaningful performance improvements typically far exceed the cost of the optimization work. Start with the highest-impact changes: app audit, image compression, and theme cleanup. Measure before and after with PageSpeed Insights and GTmetrix to quantify your improvements. Implement ongoing monitoring so performance doesn’t silently degrade over time. The fastest Shopify stores aren’t those with the most sophisticated infrastructure — they’re those that have systematically eliminated the unnecessary elements that slow down the majority of stores.

For more on Shopify technical optimization, explore our guides on Shopify analytics, high-converting product pages, and SEO optimization apps.