Shopify speed optimization: The techniques that actually work

The fastest way to speed up a Shopify store in 2026 is to remove apps and convert images to AVIF. Together these two fixes recover 2 to 4 seconds of load time on most stores. The remaining 10 techniques compound on top and push Lighthouse mobile scores from 40 into the 80s.

Why speed matters for revenue, not just SEO

A 1-second delay on mobile drops conversion rate by 7% on average. On a Canadian Shopify store doing 500,000 CAD annually, that 1 second costs 35,000 CAD in lost sales per year. Google Core Web Vitals sets the floor at 2.5 seconds for Largest Contentful Paint. Anything slower and you lose ranking, ad quality scores, and buyer trust.

Technique 1: Convert every image to AVIF

Modern image formats cut the weight of a photograph substantially at the same visible quality, and Shopify will serve them for you when the source file is good enough. Most stores are still holding images that were compressed years ago for slower connections. Export your photography again and upload it.

AVIF cuts image weight by 50 to 70% versus JPEG at identical quality. Shopify serves AVIF automatically when you upload high-quality source files, but many stores still hold 2019-era JPEGs that were compressed for old bandwidth. Re-export product photos at 2000px wide, upload fresh, and let the Shopify CDN pick the format. Homepage hero images alone often drop from 800KB to 180KB.

Technique 2: Audit every installed app

Each Shopify app injects one to three scripts into your storefront. Average script cost is 100 to 400ms of parse and execution time. Stores with 25 apps regularly load 6 to 8 seconds of blocking JavaScript. Open Chrome DevTools, filter by third-party, and list every domain. Remove any app you do not actively use. This is the single highest-leverage fix.

Technique 3: Lazy-load below-the-fold images

Dawn and modern themes ship with loading lazy on product grid images. Older themes (Debut, Brooklyn, Narrative) do not. Edit product-card.liquid and add loading lazy plus explicit width and height attributes. The dimension attributes prevent layout shift, which Google penalizes as Cumulative Layout Shift.

Technique 4: Defer non-critical third-party scripts

Klaviyo, Meta Pixel, TikTok Pixel, Google Tag Manager, live chat widgets. All of these can load after user interaction instead of on page load. Move them into a script tag with defer, or trigger them on first scroll. This alone can save 1.5 seconds of blocking time.

Technique 5: Preload web fonts

Tell the browser to fetch your two most used font weights immediately instead of discovering them partway through the render. Shopify serves fonts from its own domain, which costs a lookup before the file even starts downloading, and preloading removes that wait from the first text a visitor sees.

Techniques 6 through 12 in brief

The remaining techniques are each smaller than the five above, but together they are worth as much as any single one of them. They cover critical styles, image dimensions, prefetching, unused theme sections and the rest. Each is described below with what it changes and where to change it.

• Inline critical above-the-fold CSS in theme.liquid
• Add width and height attributes to every img tag
• Enable Shopify prefetch on collection links
• Delete unused Shopify sections and blocks from theme.liquid
• Move from Debut or Brooklyn to a Dawn-based theme (Dawn is 4x faster)
• Replace heavy discount apps with Shopify Functions on Plus
• Consolidate 4 tracking pixels into one Google Tag Manager container

Apps that consistently hurt Shopify speed

Some app categories cost far more than others, and they are the ones that load on every page whether or not the page needs them. Pop up builders, review widgets, wishlists and currency converters all belong here. The list below names the categories and what to do instead.

Speed-costly categories: pop-up builders that inject on every page, product reviews apps that load review widgets globally, wishlist apps, currency converters that fire on every price node, and recently-viewed carousels. If you must run these, choose apps that load their widget only on the pages that need it. Judge.me, Klaviyo, and Loox generally perform well. Older options like Yotpo and Growave add significant weight.

A WooCommerce store carries the same weight through plugins instead of apps; Shopify vs WooCommerce for Canadian stores compares how each platform handles speed, plugins and upkeep.

Lighthouse targets for Canadian ecommerce

Set a target before you start, so you can tell finished from tired. The figures below give a sensible mobile and desktop score to aim at, plus the three Core Web Vitals thresholds Google publishes. If a store cannot reach them, the theme is usually the limit.

Aim for mobile Lighthouse Performance 75+, LCP under 2.5s, CLS under 0.1, and total JavaScript under 400KB compressed. Desktop should hit 90+ across the board. If your store is stuck below 50 after all 12 techniques, the theme is the bottleneck and a headless rebuild becomes worth considering. Full context on that decision lives in our Shopify conversion rate guide.

Common questions

These are the questions store owners ask before touching a live theme, answered from work we have actually done. The short version is that every change here should be made on a duplicate theme, previewed at several screen sizes, and published only once it has been seen working.