Codewerk.
Get a quote
Home/Blog/CLS and Core Web Vitals: fixing the jumping shop

CLS and Core Web Vitals: fixing the jumping shop

Layout shift is the vital that costs you conversions directly — buyers click the wrong button. It is also the easiest one to fix.

Photo: free stock photography (Unsplash licence) — see imprint

The three numbers Google cares about

LCP (how fast the main content appears), CLS (how much the page jumps), and INP (how fast it reacts to a click). Together they form the page experience signal — but their real value is that they correlate with people actually buying.

Where shops leak CLS

Images without width and height. Cookie banners injected after paint. Web fonts that swap and reflow every heading. A price that arrives from an async call after the button has already rendered. Each is a small jump; together they are why a buyer clicks 'remove' instead of 'add'.

Reserve the space, always

Every element that arrives late needs a box waiting for it: explicit dimensions on images, a min-height on the banner slot, a skeleton for the price. This is unglamorous CSS work and it typically takes an afternoon.

Measure real users, not your laptop

Lighthouse on your fast machine on fibre tells you very little. Use field data from the Chrome UX Report — your B2B buyer on a factory-floor tablet over hotel WiFi is the user Google is actually scoring.

Key takeaways
  • Reserve space for everything that loads late.
  • CLS costs conversions directly, not just ranking.
  • Trust field data over lab scores.

We do this for a living — Shopware, Node.js, React, ERP integration and automation for B2B.

Talk to an engineer

// Keep reading

Related articles