Cumulative Layout Shift (CLS), explained properly.
What CLS actually measures
CLS quantifies unexpected movement. As a page loads, an image without reserved space can push text down, a late-loading font can reflow a paragraph, or an injected banner can shove a button just as someone goes to tap it. CLS adds up these shifts into a single score, weighted by how much of the screen moved and how far. It is deliberately about unexpected shifts, movement a user did not cause, because those are the ones that break trust and cause mis-taps. It is measured on real users across the whole life of the page.
Why CLS matters
Layout shift is the most viscerally annoying performance problem: the button that moves the instant before you tap it, the article that jumps as you start reading. It is a Core Web Vital and a ranking signal, and it matters even more for AI agents that now browse the web, because an agent can only act reliably on an element that stays put. Unlike loading speed, CLS problems often persist well after the initial load, which is why they are measured across the page's whole lifespan rather than just the first moment.
How CLS is improved
CLS is usually very fixable once diagnosed. The standard causes are images and embeds without dimensions or reserved space, web fonts that reflow text when they swap in, and content injected above existing content, such as banners or ads. The fixes are to reserve space for media and embeds, load fonts so they do not cause a reflow, and avoid inserting content above what a user is already looking at. We trace each shift to its cause and fix it, so buttons and forms stay where a visitor, or an agent, expects them.
Cumulative Layout Shift (CLS): common questions.
What is a good CLS score?
0.1 or less is good, 0.1 to 0.25 needs improvement, and over 0.25 is poor, measured on real-user field data across the whole life of the page, not just the first load.
What causes layout shift?
Usually images or embeds without reserved space, web fonts that reflow text when they load, and content injected above what is already on screen, such as banners or ads.
Why does CLS matter for AI browsing?
AI agents that browse the web can only reliably act on an element that stays put. A page that shifts under an agent mid-task causes errors, so low CLS helps agents as well as human visitors.
What clients say about working with us.
“I've had the pleasure of working with Chris on several SEO projects for my websites in the health field. He was definitely been able to demystify things so that I felt able to make decisions with him and feel confident they were the right ones. For a non-techie, that is worth gold! I look forward to working with Chris again and warmly recommend him to anyone who - like me - is unsure about all things SEO.”
“I was recommended by my branding partner to use Chris and his team last year. I can’t recommend them highly enough. They are very responsive , easy to communicate with and great at translating techy stuff when needed. They are now an essential part of my business model”
“We've been working closely with Chris, Hannah and the team for over 12 months now. As a small company with ambitious growth plans, it was incredibly important that we made the right choice on who to trust with our SEO. 18 months later, we're totally thrilled with our experience so far and our growing online presence within our market. We'd happily recommend BTT and their services to other SMEs. Drop them an enquiry!”
Real people on your account, not a faceless agency.
You work directly with the senior people who do the work, a small Bristol team you will actually get to know, not a call centre or an account manager relaying messages.
Meet the team →
