What is Cumulative Layout Shift?
Cumulative Layout Shift measures how much a page's content unexpectedly moves while it loads.
Definition
When an image loads without reserved space and pushes text down, that is a layout shift. Google considers a score under 0.1 good.
Why it matters
Content that jumps makes people lose their place or tap the wrong thing.
How to get it right
- Give images and videos fixed dimensions.
- Reserve space for embeds and ads.
- Load fonts so they do not reflow text badly.
- Avoid inserting content above what is already visible.
Mistakes to avoid
- Images without width and height
- Late banners pushing content down
- Font swaps that change layout a lot
Related terms
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More seo and ai search terms
Questions, answered.
The things people ask before they start building.
What is Cumulative Layout Shift?
Cumulative Layout Shift measures how much a page's content unexpectedly moves while it loads. When an image loads without reserved space and pushes text down, that is a layout shift. Google considers a score under 0.1 good.
Why does Cumulative Layout Shift matter?
Content that jumps makes people lose their place or tap the wrong thing.
How do you get cumulative layout shift right?
Give images and videos fixed dimensions. Reserve space for embeds and ads. Load fonts so they do not reflow text badly. Avoid inserting content above what is already visible.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code