Shopify Speed Optimization: 12 Fixes That Improve Core Web Vitals

Shopify Speed Optimization: 12 Fixes That Improve Core Web Vitals

Speed isn’t a vanity metric. Faster pages keep shoppers browsing and help with search visibility. Google measures real-world experience with three Core Web Vitals:

  • LCP (Largest Contentful Paint): how fast the main content loads. Aim for 2.5 seconds or less.
  • INP (Interaction to Next Paint): how quickly the page responds to taps and clicks. Aim for 200 ms or less.
  • CLS (Cumulative Layout Shift): how much the layout jumps around. Aim for 0.1 or less.

Check your store’s real-user data in Shopify’s web performance report and in Google Search Console, then work through the fixes below.

Images (biggest wins for LCP)

  1. Serve the right size. Use responsive images (srcset) so phones don’t download desktop-sized photos.
  2. Don’t lazy-load the hero. The first image on the page should load immediately, with high priority.
  3. Lazy-load everything below the fold.
  4. Replace autoplay hero videos on mobile with a still image, or keep them short and compressed.

Apps and scripts (biggest wins for INP)

  1. Remove apps you don’t use — and the code they leave behind in your theme.
  2. Move tracking to Customer Events pixels instead of theme code where possible.
  3. Load chat, reviews and popups after the page is interactive.
  4. Avoid stacking apps that do the same job (two review apps, three upsell apps).

Layout and fonts (biggest wins for CLS)

  1. Give images and embeds fixed dimensions so content doesn’t jump.
  2. Limit custom fonts to one or two families and weights.
  3. Reserve space for banners and announcement bars that load late.

Theme

  1. Keep your theme current. Newer Shopify themes like Horizon are built for performance. Old, heavily modified themes often carry years of unused code.

Measure the right thing

Lab scores (like a single PageSpeed Insights run) jump around. Focus on real-user data over 28 days, and on mobile first. Improve one area at a time so you know what worked.

A 30-minute speed audit

  1. Open your home page, a collection and your best-selling product on your phone.
  2. Run each through PageSpeed Insights and note the field data (real users) first.
  3. List every app you have installed and mark the ones that add something to the storefront.
  4. Check the hero image file size — anything over a few hundred KB is a quick win.
  5. Count fonts and font weights loading on the page.

Common mistakes

  • Uninstalling an app but leaving its code in the theme.
  • Uploading 5,000-pixel product photos straight from the camera.
  • Autoplaying a large video in the hero on mobile.
  • Chasing a perfect lab score instead of real-user improvements.

FAQ

Does Shopify hosting affect speed?

Shopify’s hosting and CDN are fast. Most slowdowns come from the theme, apps and media — the parts you control.

What score should I aim for?

Focus on passing Core Web Vitals for real users on mobile rather than a specific PageSpeed number.

Need a hand?

We audit your store, fix the quick wins first and show you the before and after. Book a speed optimization — or ask for a free, fixed-price proposal.