Unerwartete Layoutverschiebung
- Vorher · der Text ist an seinem Platz
- Nachher · ein neues Element verschiebt den Text
So funktioniert es
Reservieren Sie Platz für Bilder und dynamische Inhalte; prüfen Sie Veränderungen bei realen Interaktionen.
Beispiel
Beispiel: Ein Bild ohne Größenangaben verschiebt beim Laden die Schaltfläche.
Häufige Fehler
Nicht jede Bewegung ist ein unerwünschter Layout Shift.
Wie lässt sich das in der Praxis überprüfen?
Dokumentieren Sie, welche Elemente sich nach dem Laden verschieben. Reservieren Sie Platz für Bilder, Anzeigen und nachträglich eingefügte Inhalte; prüfen Sie auch die Schriftarten. CLS ist ein dimensionsloser Wert, keine Zeitangabe. Bei der Auswertung realer Besuche gelten Werte ≤0,1 als gut.
Unterschiede und Grenzen
Nicht jede Bewegung fließt in CLS ein: Die Kennzahl folgt Regeln für unerwartete Layoutverschiebungen und Interaktionen. Eine Animation mit transform ist nicht dasselbe wie eine Layoutänderung, die benachbarten Text verschiebt.
Offizielle Quellen
Redaktionelle Verantwortung: Martin Zhelyazkov · Gründer von Z-Consult
Aktualisiert: 5.11.2026
Für Korrekturen oder Fragen: office@z-consult.bg