Core Web Vitals for Shopify: Fixing Slow Stores

Shopify hosting is fast. Shopify stores usually are not — because everything that slows them down was added after launch, one app at a time.

Speed matters twice over in India: it is a ranking input, and it is the difference between a buyer on a patchy 4G connection completing checkout or leaving. This guide covers what actually fails and what actually fixes it. (Part of our complete Shopify SEO guide.)

The Three Metrics, Plainly

LCP — Largest Contentful Paint. How long until the main thing on screen appears. On a Shopify product page that is usually the hero image. Target: under 2.5 seconds.

INP — Interaction to Next Paint. How quickly the page responds when someone taps. Replaced FID. Heavy JavaScript is the usual culprit. Target: under 200 milliseconds.

CLS — Cumulative Layout Shift. How much the page jumps around while loading. Images without dimensions and late-injected banners cause it. Target: under 0.1.

Measure on mobile, on a real page, not just the homepage. Homepage, a collection and a product page fail in different ways.

Why Shopify Stores Fail

1. App bloat (the big one)

Every app injects scripts into every page. Reviews, chat, upsells, popups, loyalty, analytics — ten apps and your theme is loading a megabyte of JavaScript before the buyer sees a product.

Worse: uninstalling an app often leaves its script tags behind in the theme. We routinely find stores loading code from apps removed a year ago.

Fix: list your installed apps, be honest about which ones earn their keep, uninstall the rest, then check theme.liquid and your snippets for orphaned script tags.

2. Oversized images

Uploading a 3000px, 2MB product photo and letting the browser scale it into a 600px slot means the buyer downloads 2MB to see 600px worth.

Fix: resize before upload, use Shopify’s responsive image tags so the right size is served per device, and lazy-load anything below the fold. Never lazy-load the hero image — that hurts LCP.

3. Theme code

Premium themes ship with sliders, animations and fonts you may not use. Multiple custom font weights alone can cost a second on mobile.

Fix: cut to two font weights, remove unused sections, and stop loading libraries for features you disabled.

4. Render-blocking scripts

Chat widgets and tracking pixels rarely need to run before the page paints.

Fix: defer or async everything that is not required for the first render.

What to Do, in Order

1. Baseline it. PageSpeed Insights on three page types, mobile. Screenshot the numbers so you can prove improvement later.
2. Audit apps. Biggest win, lowest effort, no code needed.
3. Fix images. Second biggest win.
4. Remove orphaned scripts left by uninstalled apps.
5. Defer non-critical JavaScript.
6. Trim theme fonts and unused sections.
7. Re-measure, then check field data in Search Console after four weeks.

Field Data vs Lab Data

PageSpeed Insights shows you two things. The lab score is a simulation, run right now. The field data (Chrome UX Report) is what real visitors experienced over the past 28 days — and that is what Google actually uses.

This is why speed work looks like it did nothing for a month. The lab score improves immediately; the field data takes four weeks to catch up. Do not undo good work because the Search Console report has not moved yet.

What Not to Bother With

• Chasing a 100 score. Diminishing returns after green. Get into the green and go back to selling.
• “Speed optimizer” apps that add another script to fix script bloat. Some help; most are theatre.
• AMP. Google deprecated its special treatment. Not worth building for a Shopify store in 2026.

The Honest Ceiling

Shopify controls the platform. You cannot change server response time, you cannot remove Shopify’s own scripts, and checkout is outside your control. A well-optimized Shopify store lands in the green on mobile — it does not hit a perfect 100, and it does not need to.

If speed is your store’s main problem, we handle it as a standalone project — see speed optimization, or WhatsApp your store link to +91 92113 84333 for a free check of where you stand.

Next in this series: Shopify vs WooCommerce for SEO. Back to the pillar guide.