Core Web Vitals in 2026: LCP, CLS & INP for Indian E-commerce

Core Web Vitals are the three metrics Google uses to score real-world page experience: Largest Contentful Paint (LCP) for loading, Cumulative Layout Shift (CLS) for visual stability, and Interaction to Next Paint (INP) for responsiveness. To pass in 2026, at least 75% of your visits need LCP under 2.5 seconds, CLS under 0.1, and INP under 200 milliseconds.

We run technical SEO for e-commerce brands across India, and Core Web Vitals is where most of them quietly lose money. A store can look fine on a founder's iPhone and still fail for the 70% of shoppers arriving on a mid-range Android over patchy 4G. Below is how we actually read the numbers and the platform-specific fixes we ship on Shopify, WooCommerce, and Next.js.

What are Core Web Vitals in 2026?

Core Web Vitals are three field-measured metrics — LCP, CLS, and INP — that Google uses as a real ranking signal for page experience. They are drawn from actual Chrome users, not lab tests. A page passes only when 75% of visits hit the ‘good' threshold for every one of the three.

The thresholds have been stable since Google promoted INP to a Core Web Vital, replacing First Input Delay on 12 March 2024. Here is what ‘good' means, per Google's Core Web Vitals documentation:

• LCP (Largest Contentful Paint) — loading. Good: under 2.5 seconds.
• CLS (Cumulative Layout Shift) — visual stability. Good: under 0.1.
• INP (Interaction to Next Paint) — responsiveness. Good: 200 milliseconds or less.

What is the difference between LCP, CLS, and INP?

LCP measures how fast the biggest visible element loads. CLS measures how much the layout jumps while it loads. INP measures how quickly the page responds after a tap or click. Loading, stability, responsiveness — three different failure modes, three different fixes.

LCP — the hero image or headline

On product and category pages, LCP is almost always the main product image or the H1. It fails when that image is oversized, served in a legacy format, or loaded lazily by mistake. On Indian mobile connections a 900KB hero can add two full seconds on its own.

CLS — the layout that jumps

CLS is the metric that makes a shopper tap the wrong button. It comes from images without width and height, web fonts that swap late, and injected banners or cookie bars that push content down. Reserving space for every element is the whole game here.

INP — the metric that replaced FID

INP is the newest and, for e-commerce, the hardest. It captures the delay between a user interaction and the next frame the browser paints. Heavy JavaScript — third-party review widgets, chat scripts, analytics tags — is the usual culprit. INP is where over-built Shopify themes and plugin-heavy WooCommerce stores fall apart on cheaper phones.

How do you read Core Web Vitals field data in CrUX?

Read the field data, not the lab score. Core Web Vitals ranking is judged on the Chrome User Experience Report (CrUX) — the 75th percentile of real visits over a rolling 28-day window. A green Lighthouse score means nothing if your CrUX numbers are red.

The distinction trips up most Indian store owners we audit. Lab tools like Lighthouse and web.dev simulate one load on a fast connection. CrUX reports what your actual customers — many on entry-level Androids and congested networks — experienced. When we audit, we look at three things in this order:

• The 75th percentile, not the average. If your median LCP is 2.1s but the 75th percentile is 4.3s, you fail — and a quarter of your buyers are suffering.
• Mobile before desktop. Indian retail traffic is overwhelmingly mobile, so the mobile CrUX profile is the one that decides rankings.
• Per-template, not sitewide. Product, category, and cart pages each have their own CrUX profile; a fast homepage hides slow checkout every time.

Reading field data correctly is the difference between fixing the right page and polishing a page nobody struggles with. If your CrUX report is red and you are not sure why, our technical SEO services start with exactly this diagnosis before we touch a line of code.

How do you fix Core Web Vitals on Shopify vs WooCommerce vs Next.js?

The metrics are identical across platforms, but the fixes are not. Shopify problems are theme and app driven, WooCommerce problems are plugin and hosting driven, and Next.js problems are almost always render and JavaScript driven. Here is where we look first on each.

Shopify

On Shopify, the wins are: compress and correctly size the hero product image, remove unused apps (each injects render-blocking JavaScript that wrecks INP), and preload the LCP image in the theme's liquid. We recently took a Kochi apparel store from a 3.9s to a 2.2s mobile LCP by cutting four dead apps and serving the hero as a properly sized WebP. More platform-specific tactics live in our guide to Shopify SEO.

WooCommerce

WooCommerce CLS and INP failures usually trace back to the page builder and stacked plugins. Our first moves: switch to quality hosting with server-side caching, defer non-critical JavaScript, replace a bloated slider plugin with a static hero, and set explicit image dimensions to kill layout shift. Cutting a heavy builder from key templates routinely halves INP.

Next.js

Next.js already ships strong defaults — the next/image component and font optimisation handle most LCP and CLS issues if used correctly. The failures we see are self-inflicted: unoptimised client components hydrating too much JavaScript, which hurts INP. The fix is moving work to Server Components, streaming with Suspense, and reserving space for dynamic content.

How do you pass the Core Web Vitals assessment?

You pass the Core Web Vitals assessment when at least 75% of real visits meet the ‘good' threshold for LCP, CLS, and INP at the same time, on mobile. One metric in the red fails the whole assessment. Because CrUX uses 28 days of data, fixes take up to a month to show as ‘passed'.

• Fix the worst metric first — usually LCP on product pages or INP on script-heavy templates.
• Test the change in the lab (Lighthouse) to confirm direction, then wait for CrUX to confirm the real-world result.
• Re-audit per template, not just the homepage, and watch the 75th percentile move down over the 28-day window.

Do Core Web Vitals still matter in 2026?

Yes. Core Web Vitals remain a live Google ranking signal in 2026, and they matter more commercially than ever because they map directly to conversions. They are a tiebreaker between comparable pages — but for e-commerce, the revenue case is bigger than the ranking case.

Speed is money, and the numbers are hard. Google and Deloitte's ‘Milliseconds Make Millions' study found that a 0.1-second improvement in mobile site speed lifted retail conversion rates by 8.4%. As John Mueller, Google's Search Advocate, has put it, Core Web Vitals is ‘more than a tiebreaker' — Google uses it to decide between pages of similar relevance.

Core Web Vitals is one pillar of a healthy technical foundation. For the full picture of what we audit and ship, read our technical SEO playbook for 2026.

Frequently Asked Questions

What are Core Web Vitals?

Core Web Vitals are three metrics Google uses to measure real-world page experience: LCP (loading), CLS (visual stability), and INP (responsiveness). They are collected from real Chrome users, and Google uses them as a ranking signal. A page passes when 75% of visits hit the good threshold for all three.

What is CLS and LCP?

LCP (Largest Contentful Paint) measures how long the largest visible element — usually a hero image or headline — takes to load; good is under 2.5 seconds. CLS (Cumulative Layout Shift) measures how much the page layout jumps while loading; good is under 0.1. Together they cover loading speed and visual stability.

How do you pass the Core Web Vitals assessment?

You pass when at least 75% of real mobile visits meet the good threshold for LCP (under 2.5s), CLS (under 0.1), and INP (under 200ms) simultaneously. One red metric fails the assessment. Because it uses 28 days of field data, expect up to a month for fixes to register as passed.

Why does my Lighthouse score differ from Search Console?

Lighthouse is lab data — a single simulated load on a controlled connection. Search Console uses CrUX field data from real users on real devices and networks. In India, where many shoppers use mid-range phones on 4G, field data is usually worse than lab, and field data is what determines ranking.

Do Core Web Vitals still matter for SEO in 2026?

Yes. Core Web Vitals are still a Google ranking signal in 2026 and act as a tiebreaker between pages of similar relevance. For e-commerce the bigger reason is revenue: faster pages convert more, so improving your vitals lifts both rankings and sales at the same time.

Fix your Core Web Vitals before they cost you sales

If your store's CrUX report is red, you are losing rankings and conversions right now. We diagnose the real field data, fix the right templates on your platform, and confirm the result in the next 28-day window. Talk to our team and we will start with a free Core Web Vitals audit of your key pages.