Cumulative Layout Shift (CLS)
Kurz gesagt
CLS misst, wie sehr sich das visuelle Layout einer Seite beim Laden unerwartet verschiebt — ein Score für visuelle Stabilität.
Cumulative Layout Shift misst unerwartete Element-Verschiebungen während des Ladens. Jeder kennt es: Sie wollen einen Button klicken, eine Anzeige lädt rein, Sie klicken daneben. CLS < 0,1 ist gut, > 0,25 schlecht. CLS beeinflusst direkt Conversion und Nutzerzufriedenheit.
Beispiel
Ein Blog hat CLS 0,38, weil das Hero-Bild ohne width/height lädt. Hinzufügen von width="800" height="400" bringt CLS auf 0,04.
Häufig gestellte Fragen
Was sind die größten CLS-Ursachen?
Bilder ohne Dimensionen, dynamisch geladene Anzeigen, Webfonts die Text neu stapeln (FOIT/FOUT), und iframes ohne reservierten Platz.
Verwandte Begriffe
Weiterführende Links
- → Unser Service: SEO