Shopify Page Speed Optimization India: 2026 Core Web Vitals Guide

Page speed directly correlates with conversion rate. Stores that hit 90+ PageSpeed mobile see 8 to 12 percent higher conversion rates than stores at 50 to 70. In 2026, with stricter Core Web Vitals thresholds, hitting these scores requires deliberate work — not just a fast theme. Here is the playbook.

The 2026 Core Web Vitals targets

LCP (Largest Contentful Paint): under 2.5 seconds. The above-the-fold hero image or H1 must paint quickly.

INP (Interaction to Next Paint): under 200 milliseconds. Replaced FID in 2024 — measures how quickly the page responds to clicks, taps, and key presses.

CLS (Cumulative Layout Shift): under 0.1. No content jumping around as the page loads.

Image optimization — always the biggest win

Convert images to WebP or AVIF. Shopify auto-serves WebP if the original is JPG/PNG, but AVIF is 30 to 50 percent smaller still. Use Shopify's image_url filter with format: 'avif' for browsers that support it.

Lazy-load below-the-fold images. Use loading='lazy' attribute. Above-the-fold images should NOT be lazy-loaded — they should preload.

Right-size images. A 1920px hero on mobile is wasted bandwidth. Use srcset with multiple sizes.

JavaScript — defer everything you can

Most third-party scripts (analytics, chat widgets, reviews) load synchronously by default and block render. Add 'defer' attribute to all non-critical scripts.

Audit your apps. Each Shopify app you install typically adds 50 to 200 KB of JavaScript. Five apps = 250 KB to 1 MB of JS. Remove apps you do not use; they are not free even on a 'free plan' — they cost speed.

Fonts: self-host or use system fonts

Loading Google Fonts via fonts.googleapis.com adds 200 to 500ms to LCP. Self-host fonts as theme assets, use font-display: swap.

System fonts (Plus Jakarta Sans, Inter, system-ui stack) load instantly. If you do not have a strong brand font reason, system fonts win on speed every time.

Theme code audit

Inline critical CSS in the head, defer the rest. Shopify Dawn does this by default; many custom themes do not.

Remove unused CSS. Most themes ship with 200KB+ of CSS, only 30-40 percent of which is used on any given page. Use Lighthouse's coverage tool to find the unused portions.

Render-blocking resources: every in the head blocks render. Combine, defer, or inline critical.

Realistic targets

From a typical 50-70 PageSpeed mobile, getting to 90+ requires 5 to 8 hours of focused work. Total project for a Shopify store is Rs. 12,400 fixed price for guaranteed 85+ score.

If your store is below 50 mobile PageSpeed, the issue is almost always heavy apps or theme code rot. Audit and remove first, optimize second.