Cumulative Layout Shift, or CLS, is a Google score that measures how much the visible content of a page moves around unexpectedly while it loads. A high score means things jump: you go to tap a button and an image loads above it, shoving the button down just as your finger lands.
You have felt this on a news site. You start reading, then an ad slots in at the top and the whole article leaps down a paragraph. That annoying jolt is exactly what CLS captures, scored from 0 (rock solid) upward, with anything at or below 0.1 counting as good. It is one of the three Core Web Vitals Google uses to judge page experience.
Most layout shift comes from elements that arrive without reserved space. An image with no set dimensions, a banner that pops in late, or a web font that swaps after the text has drawn. The fix is to tell the browser how big things will be before they load, which ties closely to careful image optimization and disciplined loading.
A practical caveat: CLS is measured over the whole time a visitor interacts, not just the first second, so a shift triggered by clicking “load more” counts too. And the field data Google scores comes from real Chrome users, which can differ from a clean lab run. The honest fix is structural. Set width and height on media, give ad slots a fixed box, and load fonts with a matching fallback so swapping in the real one does not reflow the text.
At TopDevs we keep CLS low by reserving space for every image, ad and embed up front, so a client’s pages stay steady and visitors never lose their place.
