Cumulative Layout Shift (CLS)

Cumulative Layout Shift: wie stark die Seite beim Laden springt. Gut ist unter 0,1; die übliche Ursache sind Bilder und Anzeigen ohne reservierten Platz.

• Hilfe

Cumulative Layout Shift misst die visuelle Stabilität: wie stark sichtbare Inhalte springen, während man die Seite benutzt. Null heißt, nichts hat sich bewegt; jede unerwartete Verschiebung — Text, den ein nachgeladenes Bild nach unten drückt, ein Button, der wegrutscht, weil sich ein Banner öffnet — erhöht den Wert. CLS ist eine der drei Core Web Vitals.

Grenzwerte

SiteScan verwendet Googles Grenzen: bis 0,1 gut, bis 0,25 verbesserungswürdig, darüber schlecht. Der Laborwert stammt aus dem Lighthouse-Lauf der Startseite und erfasst nur den Ladevorgang; der Wert echter Nutzer, sofern der Chrome UX Report einen hat, ist das 75. Perzentil über 28 Tage und enthält auch spätere Verschiebungen beim Scrollen und Klicken. Deshalb können beide Zahlen deutlich auseinanderliegen.

Häufige Ursachen und Lösungen

• Bilder, Videos und iframes ohne Abmessungen — ergänzen Sie width und height oder ein CSS-aspect-ratio, damit der Browser Platz reserviert.
• Anzeigen, Einbettungen und Cookie-Banner, die über bestehendem Inhalt eingefügt werden — reservieren Sie einen festen Platz oder blenden Sie sie überlagernd ein.
• Webfonts mit abweichenden Metriken — font-display: optional verwenden oder die Fallback-Schrift mit size-adjust angleichen.
• Animationen von top oder height — animieren Sie stattdessen transform.

Ausführlicher unter Core Web Vitals.