All Notes
Shopify·5 min read·

How to Make Your Shopify Store Faster

Preston Vawdrey

Preston Vawdrey

Full Stack Marketer

A one-second delay on your Shopify store cuts conversion by roughly 7 percent. Most stores I audit are sitting at 4-second load times on mobile. That is money walking out the door before a customer ever sees a product photo.

Here is what actually moves the needle on Shopify speed. Most of it is unsexy, none of it requires a speed booster app.

Where Shopify Stores Lose Time

Three things drag a Shopify store down:

  1. Heavy themes loading code they do not use.
  2. Unoptimized images and videos.
  3. App scripts running on every page.

You cannot control Shopify's server (it is already fast). You can control everything else.

Fix Your Theme First

The biggest single speed win for most stores is switching from a legacy theme to a modern one. Modern themes built on Dawn architecture load sections on demand. Old themes load everything on every page.

If you are on a legacy theme, plan a migration. If you are already on Dawn or a Dawn-based paid theme (Impulse, Prestige, Symmetry), audit your theme code for:

  • Unused sections still loading scripts.
  • Third-party fonts loaded synchronously. Switch to font-display: swap.
  • Heavy slider apps. Use a native section instead.

I cover the theme conversation in why modern Shopify themes win for ecommerce.

Compress Every Image

Images are usually 60 to 80 percent of your page weight. Run every product photo through TinyPNG or Squoosh before upload. Target under 200 KB for a 1200px-wide product image.

Shopify serves images in next-gen formats automatically (WebP) when the browser supports it, so you do not need to convert manually. You just need to start with files that are not 8 MB straight from the camera.

For batch compression on existing catalogs, Crush Pics handles it inside Shopify.

Stop Hosting Videos in Your Theme

Embedding an MP4 file directly in a section is the fastest way to tank your speed score. Upload videos to YouTube or Vimeo and embed the player. Even better, use a lazy-loaded thumbnail that loads the video only when clicked.

Audit Your Apps Quarterly

Every Shopify app you install injects at least one script. Most inject several, and most run on every page even when they are only used on one. Open your store, view source, count the third-party scripts. Most stores are running 15 to 30 apps and using 5 to 10.

Uninstall everything you do not actively use. Then remove the orphaned script tags from your theme.liquid file (apps often leave them behind on uninstall).

Lazy Load Below-the-Fold Content

Modern Shopify themes lazy load images by default. Verify by inspecting an image element and looking for loading="lazy". If it is missing, add it.

Lazy load Instagram feeds, review widgets, and any third-party embeds that sit below the fold. Most apps offer a setting for this. If not, swap apps.

Tools That Tell You What Is Actually Slow

  • Shopify Analyzer is free, runs against your live store, and gives you a speed score plus specific fixes.
  • PageSpeed Insights (web.dev) gives you Core Web Vitals scores and tells you exactly which assets are blocking render.
  • WebPageTest runs from real browser locations and shows you a waterfall of every request. Use this to identify which app is the slow one.

Mobile First, Always

70 to 80 percent of Shopify traffic is mobile. If your desktop site loads in 2 seconds and your mobile site loads in 6, you have not solved the speed problem. Test on a real phone on cellular.

Most themes have separate mobile image presets. Use them. A 1200px product image on a 400px-wide phone screen is wasted bandwidth.

For more on conversion design, see marketing-optimized web design.

If you want a full performance audit and fix package for your store, my fractional CMO services include it. For related Shopify reading, see hidden Shopify features that grow sales.

Let's Work Together

Whether you need a website, marketing strategy, or full-stack growth support, I'd love to hear about your project.