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

Every second your Shopify store takes to load costs you sales. Research consistently shows that a 1-second delay in page load time reduces conversions by 7%. For a store doing $500K/year, that’s $35,000 in lost revenue per second of delay.

Google also uses Core Web Vitals as a ranking factor — meaning a slow store doesn’t just lose sales, it loses organic traffic too.

What Are Core Web Vitals?

Core Web Vitals are Google’s three key metrics for measuring real-world user experience:

• LCP (Largest Contentful Paint) — How quickly the main content loads. Target: under 2.5 seconds.
• FID / INP (Interaction to Next Paint) — How fast the page responds to clicks. Target: under 200ms.
• CLS (Cumulative Layout Shift) — How much the page layout jumps around as it loads. Target: under 0.1.

You can check your scores free at PageSpeed Insights (pagespeed.web.dev) or Google Search Console under Core Web Vitals.

The Biggest Causes of Slow Shopify Stores

1. Too many apps

Every Shopify app you install injects JavaScript and CSS into your storefront. Even apps you’ve stopped using often leave their code behind. We routinely find stores with 30+ apps where 15 are inactive but still loading on every page.

Fix: Audit your apps monthly. Remove unused apps and manually verify their code is gone from your theme (check theme.liquid for leftover script tags).

2. Unoptimised images

Images are typically the largest files on any page. A single uncompressed hero image can be 8MB+ — destroying your LCP score.

Fix: Shopify automatically serves WebP format now, but you still need to upload reasonably sized source images. Use JPG or PNG under 500KB before uploading. Set explicit width/height attributes on all img tags to prevent CLS.

3. Render-blocking scripts

Third-party scripts — chat widgets, review apps, analytics, pixel tracking — all block the browser from rendering your page. Each one adds latency.

Fix: Load non-critical scripts with the defer or async attribute. Move scripts to the bottom of theme.liquid where possible.

4. Heavy theme

Many popular Shopify themes (especially free ones) are bloated with features you’ll never use. Theme filesizes of 2–5MB are common.

Fix: Use a lightweight theme built for performance (Dawn is Shopify’s fastest free theme). Or have a developer audit your current theme and strip unused sections, CSS, and JS.

5. No CDN for custom files

Shopify’s own assets are served via their global CDN. But custom fonts, scripts you’ve added manually, and files uploaded to the Files section may not be optimally cached.

Advanced Optimisations

Lazy-load below-the-fold images

Add loading="lazy" to any image that doesn’t appear in the first viewport. This tells the browser to defer loading them until the user scrolls down, dramatically improving initial load time.

Preload your hero image

Add a <link rel="preload"> tag in your theme head for your hero image. This tells the browser to fetch it as a high priority before it even starts rendering, cutting LCP by 0.5–1.5 seconds.

Use Shopify’s native section rendering API

For stores with complex product pages, Shopify’s Section Rendering API lets you load content dynamically without full page refreshes — keeping the experience fast for variant switching and cart updates.

Font optimisation

Google Fonts loaded via a standard <link> tag block rendering. Use font-display: swap and preconnect to fonts.googleapis.com and fonts.gstatic.com in your theme head.

What Results Can You Expect?

From our client work, a full Shopify speed optimisation typically delivers:

• LCP improvement from 5–8s down to 1.5–2.5s
• PageSpeed mobile score from 30–50 up to 75–95
• 3–12% conversion rate improvement within 30 days
• Improved Google rankings for pages competing on Core Web Vitals

"We improved Exotic Auto Parts’ Shopify mobile score from 34 to 88. Within 60 days, organic traffic increased 40% and conversion rate improved by 6%."