Core Web Vitals for online stores: a practical guide

A store that feels slow loses shoppers before they see a single product. Core Web Vitals are Google's way of measuring that feeling with three numbers, and they are a useful checklist even if you ignore the ranking angle.

The three metrics

• Largest Contentful Paint (LCP) measures how long the biggest visible element, usually the hero or product image, takes to appear.
• Interaction to Next Paint (INP) measures how quickly the page responds when someone taps or clicks.
• Cumulative Layout Shift (CLS) measures how much the layout jumps around while loading.

Why stores struggle

Product and category pages combine heavy images, third-party scripts (reviews, chat, analytics, tracking pixels), web fonts and app-injected widgets. Each is reasonable alone; together they overload a mid-range phone on a mobile connection.

Fixes that usually pay off

1. Resize and compress images. Serve images at the size they are displayed, in a modern format such as WebP or AVIF, and never ship a 4000-pixel original into a 400-pixel slot.
2. Prioritise the main image. Do not lazy-load the first product or hero image; load it early. Lazy-load the ones below the fold.
3. Reserve space. Give images, banners and embeds explicit dimensions so the page does not jump when they arrive.
4. Audit third-party scripts. Remove what you no longer use, delay what is not needed for the first view, and treat every new app as a performance cost.
5. Limit fonts. Use fewer weights, and make text visible while fonts load.
6. Cache and compress. Make sure responses are compressed and static assets are cached.

Measure with real data

Lab tools are good for debugging, but real-user data shows what your shoppers experience. Check your slowest templates, usually category pages and product pages with many variants, rather than only the home page.

How Averifly helps

Averifly's technical rules look at response time, page weight, mixed content and broken internal links across a sample of your pages, so you can find the heaviest templates first. Run a free scan to see them listed by severity.