How to Speed Up Your Shopify Store: A Core Web Vitals Guide for 2026

To speed up a Shopify store, skip the caching plugins: Shopify already provides the CDN, compression, minification and image optimization. Store speed comes down to four things you control: the apps you install, your theme, third-party scripts (tag managers, pixels, chat widgets) and how images and Liquid code are built into the theme. Measure Core Web Vitals on real visitors first, then fix issues in that order.

Most merchants find out their store is slow by accident: a red PageSpeed score, a customer complaining on mobile, or an ad campaign that converts worse than expected. The usual reaction is to install a "speed booster" app, which often adds yet another script.

This guide is for store owners, ecommerce managers and startups selling on Shopify. It covers which metrics matter, where the real bottlenecks hide, and which fixes deliver the biggest gains.

Why Shopify store speed matters for revenue and SEO

Speed is a commercial issue as much as a technical one. In the Milliseconds Make Millions study (Deloitte for Google, late 2019, 37 European and US brand sites), a 0.1-second improvement in mobile site speed was associated with an 8.4% increase in conversions for retail sites.

On the SEO side, Google's Core Web Vitals documentation confirms these metrics are used by its ranking systems. They will not outrank great content on their own, but a slow store starts at a disadvantage, especially on mobile.

These "good" thresholds come from Google on web.dev and are assessed at the 75th percentile of page visits.

What Shopify already optimizes for you

According to the Shopify Help Center, every store gets a global CDN, HTTP/2, browser caching, compression, automatic image optimization and CSS/JS minification. Shopify notes that third-party advice on these topics often does not apply to its stores.

That is the key difference from WooCommerce, where hosting and caching make or break performance (see our guide on how to speed up WooCommerce). On Shopify, the platform itself names the main culprits: apps, themes and third-party code, including tag managers.

Step 1: Measure speed on real shoppers

Shopify's web performance reports

In your Shopify admin, go to Analytics > Reports and open the web performance reports. They show LCP, INP and CLS from real visits, broken down by page type (home, collection, product) and device. As Shopify's performance team explains, every app install and theme update is annotated on the chart, so a drop right after an annotation usually points straight to the cause.

PageSpeed Insights and Search Console

Run PageSpeed Insights on your three key templates: home, collection and product page. Read the real-user data first, then use the Lighthouse diagnostics to identify the LCP element and the heaviest scripts. Lighthouse is a lab test: great for debugging, but field data is what counts.

Step 2: Clean up your apps

Every app can add JavaScript, CSS and network requests to every page, even where it is not used. Reviews, pop-ups, live chat, upsells, loyalty programs: each looks light on its own, but together they can wreck INP.

1. List every installed app and the revenue or service it actually provides.
2. Remove anything that is not essential to sales, as Shopify recommends.
3. Check for leftover code: uninstalling an app does not always remove its code from your theme. Look for orphaned snippets and tags, or follow the developer's removal instructions.
4. Prefer apps built with app blocks and app embeds (theme app extensions), which you can switch on and off in the theme editor.
5. Replace several apps with native theme features where possible (badges, product tabs, announcement bars).

Step 3: Choose a fast theme and keep it lean

Themes differ a lot. Shopify publishes a theme performance data table based on real-user data. As of October 20, 2026, the share of stores passing all three Core Web Vitals varied by theme, for example 91.5% for Dawn and 88.3% for Horizon. Check it before buying a theme or planning a redesign.

On an existing theme, the quick wins are:

• cut the number of homepage sections (sliders, videos, multiple product grids);
• test performance before and after enabling animations or page transitions;
• enable pagination on large collections;
• update older Online Store 2.0 themes, which are often slower than their latest version.

The Theme Store Lighthouse requirement

To be listed on the Theme Store, a theme needs a minimum average Lighthouse performance score of 60 across the home, product and collection pages, according to Shopify's theme performance best practices. Custom or heavily modified themes come with no such guarantee, so have them audited.

Step 4: Fix LCP with better image handling

On a product page, the LCP element is almost always the main product photo. Shopify's developer guidance:

• use the image_url and image_tag Liquid filters, which generate srcset, dimensions and CDN URLs;
• add fetchpriority="high" to the LCP image and never lazy-load it;
• apply loading="lazy" only to images below the fold;
• use an <img> element rather than a CSS background image for the hero banner.

On the content side, upload properly sized images and reduce the number of images on heavy pages. Our product image optimization guide covers formats and file sizes.

Step 5: Improve INP by taming JavaScript

Shopify is clear that poor INP usually comes from too much JavaScript from the theme, apps or marketing tags. Priority fixes:

• Audit your tag manager: remove pixels from finished campaigns and duplicate tags.
• Defer non-critical scripts with defer, and keep async for independent third-party scripts.
• Load on interaction: a chat widget, video or product configurator can load on first click instead of on page load.
• Use preload and preconnect sparingly, for one or two truly critical resources.

Fonts and layout shift

Host fonts on Shopify's CDN or use system fonts, and tune fallback fonts to avoid text reflow. Reserve space for banners, badges and review widgets injected by apps: they are the most common source of CLS on product pages.

Step 6: Write Liquid that does not slow the server

High server response time (TTFB) on Shopify most often comes from nested Liquid loops. Move metafield lookups outside loops, cap product queries with limit or paginate, and avoid loading every variant when you do not need to. The Shopify Theme Inspector for Chrome highlights the slowest lines of code.

Which fixes should you prioritize?

Example: a fashion brand before peak season

Illustrative case: a clothing brand on Shopify sees mobile INP above 200 ms on product pages in its performance report, and LCP rising since a homepage slider was added.

1. The audit finds 19 installed apps, 6 of them unused, plus 3 old ad pixels.
2. Unused apps are removed and their leftover code is cleaned out of the theme.
3. The slider is replaced with a single hero image using fetchpriority="high".
4. The chat widget now loads only when the chat icon is clicked.
5. The team tracks the report over the next 28 days to confirm the impact on real visitors.

This kind of work is best done before traffic peaks; our Black Friday ecommerce checklist covers the rest.

Shopify speed checklist

• Web performance report reviewed by page type and device.
• Unused apps removed and leftover code cleaned up.
• Tag manager audited, outdated pixels removed.
• Theme up to date, homepage sections trimmed.
• LCP image prioritized and never lazy-loaded.
• Non-critical scripts deferred or loaded on interaction.
• Space reserved for app widgets, fonts optimized.
• Liquid loops profiled with Theme Inspector.

Speed is one part of the picture; for the rest, read our Shopify SEO guide.

Conclusion: remove more, sell more

Speeding up a Shopify store is rarely about adding another tool. It is about removing what weighs the store down without paying for itself. Measure on real shoppers, clean up apps and scripts, prioritize the main image and have your theme code reviewed. Every tenth of a second you save helps the customer experience, your SEO and your conversion rate.