Shopify Site Speed and Core Web Vitals: A Practical Guide

Your Shopify store gets traffic. People land, they browse, and a good share of them leave without buying. Before you pour more budget into ads, it is worth looking at something less glamorous: how fast the store actually loads. Shopify site speed is one of the least exciting levers in ecommerce and one of the most reliable.

We say this a lot, because it keeps being true. Most Shopify brands don't have a traffic problem, they have a conversion problem. Slow pages are often part of it. Core Web Vitals are useful because they put real numbers on that problem, so you can stop guessing and start prioritising.

What Core Web Vitals actually measure

Core Web Vitals are three metrics Google uses to score how a real page feels to a real visitor. They are not lab scores from a perfect connection. They come from the Chrome User Experience Report, which is anonymised data from actual Chrome users on actual devices. Google looks at the 75th percentile, so you need three quarters of your visitors to get a good experience, not just the ones on fast phones.

There are three of them, and the current thresholds for a good score are:

Largest Contentful Paint (LCP): how long until the main content loads. Good is 2.5 seconds or less.Interaction to Next Paint (INP): how quickly the page responds when someone taps or clicks. Good is 200 milliseconds or less.Cumulative Layout Shift (CLS): how much the layout jumps about while loading. Good is under 0.1.

INP is the one to watch. It replaced the old First Input Delay metric in March 2024, and it is the hardest of the three for Shopify stores to pass. It measures responsiveness across the whole visit, not just the first tap, which is exactly where heavy apps and bloated JavaScript show up. For more detail on the metrics themselves, Google's own web.dev guide is the authoritative source.

Why Shopify site speed is a conversion lever, not a vanity metric

The reason speed matters is not that Google likes tidy numbers. It is that people leave. Roughly 53% of mobile visitors abandon a page that takes longer than three seconds to load. A one second delay can cut conversions by around 7%. These are not new findings, and they have held up across years of data.

The mobile gap is the part most store owners underestimate. Around 80% of Shopify stores pass all three Core Web Vitals on desktop, which is genuinely good compared to other platforms. On mobile it drops to roughly half. Given that most stores now see the majority of their traffic on phones, that gap is where the money leaks out. You can have a beautiful desktop experience and still lose the customers who actually outnumber everyone else.

A fast site does not create demand. It stops you losing the demand you already paid for.

This is the honest framing. Speed will not fix a weak product or a confused offer. But if you already have traffic and a product people want, and your Shopify site speed is poor, you are paying for visitors and then giving them a reason to leave before they see the checkout. That is the same problem we cover in why your Shopify store has traffic but no sales, viewed from the technical side.

Where Shopify stores actually lose speed

In our experience across 100 plus Shopify projects, slow stores are rarely slow for mysterious reasons. It is almost always the same short list, and it is almost always fixable.

Image weight. Large hero images and product photos served bigger than they display. This is the single most common cause of a poor LCP, and often the easiest win.App bloat. Every app you install adds scripts to your theme, and many keep running on pages where they do nothing useful. Reviews widgets, upsell tools, and pop-ups are frequent offenders. This is usually what wrecks INP.Theme code. Render-blocking scripts, oversized fonts, and third-party embeds loaded in the wrong order. Older or heavily customised themes tend to accumulate this over time.Layout shift. Images and banners without reserved space, so content jumps as it loads. This is what drives a bad CLS score and quietly annoys everyone.

A sensible order for Shopify page speed optimisation

Shopify page speed optimisation goes wrong when people start with the fiddly, high-effort work and never touch the obvious wins. Order matters. Here is the sequence we tend to follow, roughly cheapest and highest impact first:

Measure first, using real field data from Google's PageSpeed Insights or Search Console, not a single lab test. You want to know what your actual visitors experience.Compress and correctly size images, and let Shopify serve them in modern formats. This alone often moves LCP into the green.Audit your apps. Uninstall anything you are not actively using, and check that the ones you keep are not loading site-wide when they only need one page.Clean up theme code: defer non-critical scripts, reduce font files, and reserve space for images and embeds to kill layout shift.Only then consider bigger structural work, such as a theme rebuild or a headless setup, if the numbers justify it.

Notice that a full rebuild sits at the bottom, not the top. Most stores get the majority of the benefit from the first four steps. Jumping straight to a rebuild is expensive and often unnecessary, which is the kind of thing an agency should tell you before it takes the work.

The trade-offs nobody mentions

Speed work has real costs, and pretending otherwise helps no one. Removing an app might mean losing a feature your team relies on, so you have to weigh the speed gain against the function. Chasing a perfect 100 score can lead to over-engineering that costs more than the extra points are worth. And some things are outside your control: Shopify's own scripts, payment providers, and certain third-party tools all add weight you cannot fully strip out.

The goal is not a perfect score. It is a store that comfortably passes Core Web Vitals for most of your real visitors, on the devices they actually use, without breaking the features that earn you money. Speed also compounds with the rest of your conversion work. It is one input alongside clearer product pages and a smoother checkout, which is why we treat it as part of ongoing conversion rate optimisation rather than a one-off task.

The takeaway

If your Shopify store has traffic but flat sales, check your Core Web Vitals on mobile before you spend another pound on acquisition. Fix your images, cut the app bloat, and tidy the theme, in that order. It is unglamorous work, but it protects the demand you have already paid for. We are a Glasgow-based Shopify agency working with brands across the UK and beyond, and speed is one of the first things we look at on any store.

If you want a straight answer on where your store is losing conversions, our Conversion Growth Retainer treats site speed as one lever among several, measured against revenue rather than vanity scores. Have a look at what we do, or get in touch and we will tell you honestly whether speed is your bottleneck or something else is.