Page speed is how fast a web page loads and becomes usable for the visitor. It measures the time from when someone clicks a link or enters your URL to when they can see and interact with the content. On Shopify, page speed depends on your theme code, the apps installed, your images, and the third-party scripts running on your store.
Page speed is measured in seconds, but the difference between 2 seconds and 4 seconds can cost you half your visitors.
Why It Matters
Slow pages kill sales. Research consistently shows that each additional second of load time reduces conversion rates by roughly 7%. On mobile, where over 70% of Shopify traffic originates, impatient shoppers abandon slow sites even faster.
Google also uses page speed as a ranking factor. Faster stores rank higher in search results, which means more organic traffic at zero cost. A slow store pays the penalty twice: lower rankings and higher bounce rates from the visitors who do arrive.
If your store takes 5 seconds to load on mobile, you have already lost a significant share of your potential customers before they see a single product.
How Page Speed is Measured
Core Web Vitals are Google’s three key metrics:
| Metric | What It Measures | Good Score |
|---|---|---|
| LCP (Largest Contentful Paint) | Time until the biggest visible element loads | Under 2.5 seconds |
| INP (Interaction to Next Paint) | Responsiveness to user clicks/taps | Under 200 milliseconds |
| CLS (Cumulative Layout Shift) | Visual stability (things jumping around) | Under 0.1 |
Google PageSpeed Insights is the standard tool for measuring these metrics. Enter your store URL and get scores for both mobile and desktop, along with specific recommendations for improvement.
Shopify’s speed score appears in your admin under Online Store > Themes. It compares your store to similar Shopify stores on a 0-100 scale. This is useful for tracking trends but less detailed than PageSpeed Insights.
What Slows Down Shopify Stores
Unoptimized images. Large, uncompressed product images are the most common speed killer. A single 5MB hero image can add seconds to your load time. Convert images to WebP format and resize them to the maximum display size needed.
Too many apps. Every app you install potentially adds JavaScript to your storefront. Some apps add lightweight code; others inject entire frameworks. Check your page speed before and after installing each app. If the score drops noticeably, look for a lighter alternative.
Heavy theme code. Some themes look beautiful but ship with excessive JavaScript and CSS. Free themes from Shopify tend to be well-optimized. Premium themes vary widely, so always test speed before committing to a theme.
Third-party scripts. Chat widgets, analytics trackers, social media pixels, and review widgets all add loading time. Each one sends requests to external servers that you do not control. Audit which scripts are truly necessary.
How to Improve Page Speed
Compress and resize images. This is the fastest win for most stores. Use a speed optimization app like Sonic Page Speed Booster to automate image compression across your entire catalog.
Audit your apps. List every installed app, then remove any you are not actively using. For the remaining apps, check if they inject storefront scripts even when not needed. A subscription app that adds JavaScript to your homepage despite only being used on product pages is wasting load time.
Lazy load below-the-fold content. Images and videos that appear below the visible area when the page first loads should use lazy loading. This means they only load when the visitor scrolls to them, dramatically improving initial page speed.
Minimize custom code. If you or a developer added custom Liquid or JavaScript to your theme, audit it for efficiency. Unused code, duplicate scripts, and render-blocking JavaScript are common culprits.
Improving page speed is not a one-time task. Every new app, theme change, or image upload can affect performance. Monitor your speed score monthly.
