CLS – Cumulative Layout Shift
CLS misst die visuelle Stabilität einer Seite: Wie stark verschieben sich Layout-Elemente, während die Seite lädt? Ein hoher CLS-Wert bedeutet, dass der Inhalt „springt" – frustrierend für Nutzer und schlecht für das Ranking.
Bewertungsskala
- Gut: unter 0,1
- Verbesserungswürdig: 0,1 bis 0,25
- Schlecht: über 0,25
Häufige Ursachen
- Bilder ohne definierte Breite/Höhe
- Nachladende Werbebanner
- Web-Fonts die einen Textumbruch verursachen (FOUT)
- Dynamisch eingefügte Inhalte (Cookie-Banner, Chat-Widgets)
exatics misst CLS als Teil der Performance-Analyse.
In der Praxis
CLS-Probleme treten besonders häufig auf Seiten mit Werbebannern, Cookie-Bannern und nachladenden Bildern auf. In unseren Audits sehen wir, dass dynamisch eingefügte Consent-Banner eine der häufigsten CLS-Ursachen sind — besonders wenn sie keinen reservierten Platz im Layout haben. Ein einfacher Fix: Feste Höhen für Banner-Container definieren und alle Bilder mit width- und height-Attributen versehen.
Häufige Fragen zu CLS
Was verursacht einen hohen CLS-Wert?
Bilder und Iframes ohne feste Größenangaben, nachladende Web-Fonts, dynamisch eingefügte Werbung und Cookie-Banner, die den Seiteninhalt verschieben.
→ Ratgeber: Core Web VitalsWie verbessere ich meinen CLS-Wert?
Immer width/height für Bilder angeben, Font-Display: swap für Web-Fonts nutzen und Platzhalter für dynamische Inhalte reservieren.
Verwandte Begriffe
Ausführlicher Ratgeber: Core Web Vitals verstehen und optimieren