What Is CLS (Cumulative Layout Shift)? Definition and Benchmark

CLS stands for Cumulative Layout Shift and measures how much the visible elements on your page move unexpectedly while it loads. You know the feeling: you go to tap a button, an image suddenly drops in, and you click the wrong thing. That visual jumping is exactly what CLS captures. It is one of Google’s three Core Web Vitals and therefore a signal that counts towards your SEO. In this article you will learn what CLS is exactly, what a good score looks like and how to fix layout shifts.

What is CLS exactly?

CLS is a score that measures the visual stability of your page. Every time a visible element moves position without the visitor taking any action, it counts as a layout shift. The score combines two things: how much of the screen moves and over what distance.

Important: CLS is cumulative, which means all unexpected shifts during the session are added up. One big jump or many small jumps both lead to a high, and therefore poor, score.

CLS belongs to the Core Web Vitals, the set of user-centred performance scores Google uses to measure how smooth a page feels. The other two are LCP (loading speed of the largest element) and INP (responsiveness to interaction). Where LCP and INP are about time, CLS is purely about stability: does what you see stay put?

What is a good CLS score?

Google applies clear thresholds. According to web.dev:

• Good: 0.1 or lower
• Needs improvement: between 0.1 and 0.25
• Poor: higher than 0.25

That score is measured at the 75th percentile of your page views, split across mobile and desktop. In other words: at least 75 percent of your visitors must experience a CLS of 0.1 or lower before your page counts as “good”. So you are not measuring one ideal test, but the reality of your actual visitors.

What causes a high CLS?

Layout shifts almost always have the same causes. The biggest culprits:

• Images without dimensions. If the browser does not know how large an image will be, it reserves no space and everything shifts aside as soon as it loads.
• Ads, embeds and iframes. Blocks that only appear later push your content downwards.
• Late-loading fonts. Text that jumps from the default font to your own font shifts the layout.
• Dynamically inserted content. Cookie banners, notifications or “related articles” that appear above existing content.

Much of this overlaps with image optimisation: anyone who loads their images neatly with a fixed width and height immediately solves a large part of their CLS.

The table below places the four most common causes side by side, with what goes wrong and the fix we reach for first in practice.

This kind of technical stability belongs under technical SEO: it is not about more content, but about a page that behaves predictably.

How do you improve your CLS?

The solutions are technical but concrete:

• Always give images and videos a fixed width and height (or an aspect ratio), so the browser reserves space.
• Reserve space for ads and embeds with a fixed container size.
• Load fonts smartly so no visible font swap happens.
• Add dynamic content below the fold, not at the top where it pushes existing elements away.

A broader approach to your speed and stability can be found in improving Core Web Vitals. CLS is often the easiest one to fix there, because the causes usually sit in a handful of elements.

A concrete B2B example

Picture this: a software company has a landing page for a demo request. At the top sits a large hero image without fixed dimensions, and the contact form sits below it. On mobile the text loads first, the visitor starts reading the form, and then the hero image drops in after all. Everything below the image sinks down a stretch. Anyone who was about to tap the first input field hits the wrong button instead, or loses their train of thought.

In practice we see that such shifts hurt most on exactly the pages that are supposed to deliver leads. The solution here was small: give the hero a fixed height and put the form in a reserved container. No rewritten page, but a more stable first impression at the moment it counts.

Common mistakes

• Only testing on desktop. Most layout shifts show up on mobile, where slow-loading images and narrow screens magnify every difference. Always measure the mobile score.
• Relying on one lab test. A clean score in a testing tool says little if your real visitors have slow connections or different screen sizes. It is CLS from field data (the 75th percentile) that counts.
• Forgetting the cookie banner. A banner or consent notice that slides in at the top shifts your entire page and is easily overlooked during testing.
• Treating CLS as a standalone to-do. If you fix your images but leave ads and late content untouched, the score stays high anyway. Tackle the causes together.

Honestly: how much does CLS matter for B2B?

Let us be honest: a perfect CLS score does not deliver leads on its own. Google uses Core Web Vitals as one signal among many others, and content and relevance weigh more heavily. You will not overtake your competitor purely because your page does not shift.

Where CLS does count is trust and conversion. A B2B visitor who is considering a quote and lands on a shifting page unconsciously doubts your professionalism. Worse still: if your call-to-action or contact form moves away at the moment someone wants to click, you lose the action that really matters. Seen that way, CLS is not an SEO trick but a matter of not getting in your visitor’s way. So steer on the score because it helps your conversion, not for the dashboard.

Frequently asked questions

What does CLS mean? CLS stands for Cumulative Layout Shift and measures how much the visible elements on your page move unexpectedly while loading. It is one of Google’s Core Web Vitals.

What is a good CLS score? 0.1 or lower is good, between 0.1 and 0.25 needs improvement and higher than 0.25 is poor, measured at the 75th percentile of your visitors.

What is the biggest cause of a high CLS? Usually images, ads or embeds without fixed dimensions, which stops the browser reserving space and makes the content shift as soon as they load.

Is CLS a ranking factor? CLS is part of the Core Web Vitals that count as a ranking signal, but its influence is limited compared to content and relevance. The biggest gain sits in user experience and conversion.

Is your page shifting and costing you conversions?

Tell us which pages matter most for your leads, and we will look at where layout shifts are getting in your visitors’ way. We are a small team that moves fast, so you get concrete fixes instead of a list of vague recommendations. Book your free intake.