Shopify Speed Optimization: The 7 Fixes That Actually Matter

Start with apps, because they are the single biggest cause of slow Shopify stores. Every app you install can inject its own JavaScript and CSS into every page, even pages where it does nothing. Audit your app list, uninstall anything unused, and check the theme code for leftover snippets. Removing 3–5 dead apps often shaves 200–500KB of JavaScript.

Fix images next. Images are usually the heaviest asset on a Shopify page and the most common LCP element. Serve them through Shopify's image CDN, which already outputs WebP, and add the loading="lazy" attribute to everything below the fold. Size images to their real display width instead of uploading 4000px files that render at 600px. This one change alone can halve page weight.

Your theme sets the performance ceiling. Older themes and heavily customized ones carry jQuery, sliders, and bloated CSS you rarely need. Shopify's free Dawn theme is built on Online Store 2.0 and consistently scores well on Core Web Vitals. If you are on a legacy theme, migrating to a modern one is often faster than trying to patch the old code.

Deferring JavaScript is where technical merchants win. Render-blocking scripts force the browser to stop drawing the page until they finish downloading. Add the defer or async attribute to non-critical scripts, and move anything that isn't needed for first paint to the bottom of the page. Use Chrome DevTools' Coverage tab to find JavaScript that loads but never runs on that page.

Be ruthless with third-party scripts. Live chat widgets, review apps, pop-ups, heatmaps, and marketing pixels each add network requests and main-thread work. Load them only where they earn their place, and prefer Shopify's built-in Web Pixels or Google Tag Manager with triggers instead of hardcoding five separate snippets in theme.liquid. Two well-placed scripts beat eight scattered ones.

Fonts are a quiet drag. Each custom font weight is a separate file the browser must fetch before text renders. Limit yourself to two families and two or three weights, self-host them or use Shopify's font_url filter, and set font-display: swap so text shows immediately. Better still, lean on a fast system font stack for body copy where brand impact is low.

Finally, simplify what loads first. Carousels, autoplay video, and giant hero animations delay the content shoppers came for. Keep the above-the-fold section light, preload your hero image and primary font, and test on a throttled mobile connection, not your office WiFi. Measure with PageSpeed Insights and real Core Web Vitals field data, then fix the one metric that is failing rather than chasing a perfect score.