Core Web Vitals for online stores: LCP, INP and CLS explained

Core Web Vitals are three metrics Google uses to measure real visitor experience, and it uses them as a ranking factor. For an online store, they directly affect both search positions and conversion rate. Here they are, explained simply — and what to do to get them green.

LCP — Largest Contentful Paint (loading speed)

Measures how long until the largest visible element appears (usually the main product image or banner). Target: under 2.5 seconds. What breaks it on a store: large unoptimized images, a slow server, too much JavaScript before render, render-blocking fonts.

INP — Interaction to Next Paint (responsiveness)

It replaced the old FID. Measures how fast the site responds when a user interacts (taps "Add to cart", opens a filter or menu). Target: under 200 ms. What breaks it: too much JavaScript keeping the main thread busy — typical of stores loaded with many scripts and modules.

CLS — Cumulative Layout Shift (visual stability)

Measures how much the layout "jumps" while the page loads — the image pushes the text, a banner appears suddenly and you misclick. Target: under 0.1. What breaks it: images without reserved dimensions, injected ads/banners, fonts that change text height.

Why it matters twice for a store

It's not just about SEO. Every extra second of loading lowers conversion — mobile visitors especially abandon a slow store fast. So good Core Web Vitals mean both more Google traffic and more orders from the same traffic.

How to get them green

• Images — modern formats (WebP/AVIF), correct sizing, lazy-loading below the fold, reserved dimensions (against CLS).
• JavaScript — less of it, loaded at the right time; third-party scripts (chat, tracking) deferred.
• Fonts — preload the critical font, font-display: swap, no render-blocking fonts.
• Server & caching — fast response, CDN, cache on listing pages.
• Architecture — a headless frontend (Next.js) with pre-rendered pages already starts with a big advantage on all three metrics.

Measure with real data, not just lab

A "lab" Lighthouse score is useful, but Google uses field data (CrUX) — how real users experience the site. That's why it matters to measure on mobile, on real connections, not just your fast laptop.

See where you stand now

The simplest starting point is a quick test of your store. Test your speed for free — we show the score and the three metrics in business language, plus the main opportunities. If you want them fixed too, see the Core Web Vitals optimization service.