Definition
CLS misst, wie stark sich Seitenelemente während des Ladevorgangs verschieben. Jeder kennt das: Man will auf einen Button klicken, und kurz vorher springt er weg, weil ein Bild oder eine Werbeanzeige nachgeladen wird.
Google-Grenzwerte
- Gut: Unter 0,1
- Verbesserungswürdig: 0,1–0,25
- Schlecht: Über 0,25
Häufige Ursachen
- Bilder ohne width/height-Attribute
- Dynamisch eingefügte Inhalte (Werbebanner, Cookie-Banner)
- Web-Fonts, die nach dem Laden Dimensionen ändern
- Animationen, die Layoutverschiebungen auslösen
CLS verbessern
- Allen Bildern width und height hinzufügen
- Platzhalter für dynamische Inhalte reservieren
font-display: swapund Schriften preloaden- Werbeplätze mit fixer Größe definieren
Weiterführend: Core Web Vitals | CLS professionell beheben