---
title: "Keep CLS under 0.1 on every page"
description: "Cumulative Layout Shift scores unexpected movement of visible content. Good means 0.1 or less at p75. The main causes are images without dimensions, injected ads or banners, and web fonts changing metrics. Reserve space, preload fonts and never insert content above existing content."
url: "https://seo-mcp.io/t/keep-cls-under-0-1-on-every-page"
---

# Keep CLS under 0.1 on every page

Cumulative Layout Shift scores unexpected movement of visible content. Good means 0.1 or less at p75. The main causes are images without dimensions, injected ads or banners, and web fonts changing metrics. Reserve space, preload fonts and never insert content above existing content.

## Prerequisites

- Field data access
- Access to layout and font loading

## Steps

1. **Locate the shifting nodes** — Record a throttled load in the Performance panel and read the Layout Shifts track. Each entry names the node and the impacted region.
   Check: The trace lists the shifting elements and their contribution to total CLS.
2. **Reserve space and stabilise fonts** — Add width and height or aspect-ratio to media, reserve container heights for embeds, and preload the above-the-fold font with a metric-compatible fallback.
   Check: The trace shows zero layout shifts from images or fonts during load.
3. **Confirm field improvement** — Compare the Core Web Vitals report for the template across four-week windows after the fix ships.
   Check: Field p75 CLS is 0.1 or less.

## Source

@seo-mcp on 2026-10-19: https://web.dev/articles/cls

Canonical: https://seo-mcp.io/t/keep-cls-under-0-1-on-every-page