How to Improve Your Shopify Store Speed (Without Breaking It)

Store speed is one of the few things that affects both your conversion rate and your search ranking at the same time. The good news: most Shopify stores have a lot of low-risk speed wins available before anyone needs to touch theme code. Here's the order we work through them.

1. Start by measuring, not guessing

Before changing anything, get a baseline. Run your store through Google PageSpeed Insights and look at the Core Web Vitals:

• LCP (Largest Contentful Paint) — how fast the main content loads
• CLS (Cumulative Layout Shift) — how much the page jumps around
• INP (Interaction to Next Paint) — how responsive the page feels

Write the numbers down. You can't tell what's working without a before-and-after.

2. Fix your images first

Images are the single biggest cause of slow Shopify stores. The wins here are huge and low-risk:

• Serve appropriately sized images — don't ship a 3000px hero to a mobile phone.
• Use Shopify's built-in image transformations and loading="lazy" for below-the-fold images.
• Compress before uploading.

{{ product.featured_image | image_url: width: 800 | image_tag:
  loading: 'lazy',
  widths: '400, 600, 800, 1200'
}}

That single snippet — responsive widths plus lazy loading — fixes a surprising number of LCP problems on product pages.

3. Audit your apps ruthlessly

Every Shopify app you install can inject CSS and JavaScript into every page — even pages where the app does nothing. Go through your installed apps and ask:

1. Am I actively using this?
2. Does it load scripts site-wide when it only needs to run on one page?
3. Is there a lighter alternative, or can the feature live in the theme instead?

Uninstalling three unused apps often does more for speed than hours of code optimization.

4. Tame third-party scripts

Analytics, chat widgets, reviews, A/B testing — they add up fast. Load what you can asynchronously, defer anything non-critical, and question whether you really need five different tracking pixels.

5. Then, and only then, touch the theme

Once images, apps, and scripts are handled, theme-level optimization is the final layer: removing unused CSS, deferring non-critical JavaScript, and preloading critical fonts. This is where it pays to work with someone who knows Liquid well, because this is also where it's easiest to break something.

Rule of thumb: do the zero-risk wins (images, unused apps) yourself, and bring in help for the theme-code layer.

If your store feels sluggish and you'd rather have someone diagnose it properly, troubleshooting and optimization is one of our core services — and speed audits are usually the fastest ROI work we do.