Layout-Shift
CLS · Ein Wert dafür, wie stark sich Elemente beim Laden der Seite unerwartet verschieben; Google zählt 0,1 oder weniger als gut.
- 01
Warum es wichtig ist
Layout-Verschiebung bedeutet, dass Elemente beim Laden der Seite unerwartet ihre Position ändern. Der gelesene Text springt, und Besucher drücken die falsche Schaltfläche; das ist ärgerlich und kann zu falschen Bestellungen oder Klicks führen. Bilder ohne festgelegte Maße, später ladende Werbung und Schriftartenwechsel sind die häufigsten Ursachen.
- 02
Beispiel
Auf der Bezahlseite wird ein spät ladendes Aktionsbanner über die Schaltfläche „Bestellung abschließen“ eingefügt und schiebt sie nach unten. Sobald Platz für das Banner reserviert ist, bleibt die Schaltfläche an Ort und Stelle, und die Fehlklicks hören auf.
- 03
Häufiger Fehler
Bildern keine Breite und Höhe zu geben. Kennt der Browser die Größe eines Bildes nicht im Voraus, kann er keinen Platz reservieren; beim Eintreffen des Bildes wird der Inhalt nach unten geschoben.
- 04
Verwandte Begriffe
- Core Web Vitals · Page-Experience-Metriken von Google
- LCP · Ladezeit des Hauptinhalts
- INP · Interaktions-Reaktionszeit
Passende Leistungen und Ratgeber
Über Ihr Projekt sprechen.
Erzählen Sie uns Ihren Bedarf; den Umfang klären wir gemeinsam.