Fix a Poor Cumulative Layout Shift Measured From Real Users

Field Vitals Analyzer

What is this warning?

Chrome's field data shows a Cumulative Layout Shift above 0.25 for at least a quarter of real visits: content jumps after it first appears, often just as someone reaches for a link. The page fails Google's Core Web Vitals assessment. The usual causes are images and embeds without reserved space, ads or banners inserted above existing content, and web fonts that reflow text when they load.

How to Fix This Issue

How to Fix It

The Problem

An image without dimensions takes up no space until it loads, then pushes everything below it down:

<img src="/photo.jpg" alt="...">
<div id="promo"></div> <!-- banner injected here later -->

The Solution

Reserve space for everything that loads late. Give images width and height (or aspect-ratio), give ad and embed slots a minimum height, and insert new content below the viewport or in response to a user action:

<img src="/photo.jpg" width="800" height="450" alt="...">

#promo { min-height: 90px; }
.embed { aspect-ratio: 16 / 9; }

Why This Works

A layout shift is scored when visible content moves without the user asking it to. If the browser knows each element's size before it loads, it lays the page out once and nothing has to move when the content arrives.

SEO Impact

This issue can affect your site's search engine rankings and user experience. Addressing it promptly helps ensure optimal performance and visibility in search results.

Automatic Detection

bseoa automatically checks for this warning during site analysis, along with hundreds of other technical SEO issues.

Other Field Vitals Analyzer issues

Ready to Unlock Your Site's Full SEO Potential?

Choose the license that fits your needs and start getting the deep, actionable insights you deserve.