Shopify Speed Optimization — Getting Your PageSpeed to 90+

Every extra second your page takes to load costs roughly 7% in conversion rate. This isn't theory — it comes from Google research and multiple ecommerce studies. This article goes straight to the causes and practical fixes.

Why speed matters more than you think

Speed also affects SEO: since 2021, Google officially uses Core Web Vitals — including LCP (how fast the main content loads) — as a ranking factor. A slow store ranks lower in search results regardless of how good its content is.

How to test your store's speed

Use three tools together, since each measures different things:

PageSpeed Insights (pagespeed.web.dev) — Google's own tool, gives a 0–100 score and lists specific problems. Always test mobile (more important) and desktop.

Shopify Speed Report — Go to Admin → Online Store → Themes → look at "Speed score." Shopify benchmarks your store against the industry average.

GTmetrix (gtmetrix.com) — Gives a detailed waterfall chart showing exactly which files take longest to load.

Cause #1: App bloat — the most common culprit

Every Shopify app you install adds JavaScript to every page of your store — whether or not that app is used on that particular page. Install 15 apps = 15 script files loading in parallel every time someone visits. This is the most common reason Shopify stores are slow.

How to audit your apps: Open Chrome DevTools (F12) → Network tab → reload the page → filter by "JS" → look at which script files aren't from Shopify core. Or use Shopify Theme Inspector (Chrome extension) to see which apps load slowest.

Simple rule: remove any app you haven't used in the last 30 days. Each removed app typically improves load time by 5–30ms — add that up across multiple apps and it becomes significant.

Cause #2: Unoptimized images

Compress before uploading: Use Squoosh (squoosh.app) to compress in the browser, or TinyPNG for JPG/PNG. Target: under 300KB for main product images, under 100KB for thumbnails.

Right dimensions: Don't upload a 4000×4000px image when it only displays at 800×800px. Resize before uploading. Shopify generates multiple sizes from your original — but if the original is massive, that file still has to be fetched first.

💡 Shopify automatically converts images to WebP for browsers that support it (Chrome, Firefox, Safari 14+). But you still need to upload quality images at the right dimensions — WebP only optimizes further, it can't compensate for an oversized source file.

Cause #3: Render-blocking scripts

"Blocking" JavaScript is scripts that load and run before the page can display any content. Result: users see a blank screen during that time.

The fix is adding a defer or async attribute to script tags — telling the browser to load the script in parallel with HTML rather than sequentially. This is a developer task, but the impact is measurable.

Cause #4: Old theme, not OS 2.0

If your theme was installed before 2021, it likely uses the old architecture — heavier and less optimized than OS 2.0. Simple test: go to Theme Editor and check if you can drag and drop Sections. Can't drag? Old theme.

Migrating to an OS 2.0 theme typically improves speed significantly, but it's a major project that needs careful planning — you'll need to rebuild some customizations.

Speed optimization checklist