Was ist der Cumulative Layout Shift (CLS)?
Der Cumulative Layout Shift (CLS) ist ein Core-Web-Vitals-Messwert von Google und erfasst, wie stark sich sichtbare Seitenelemente während des Ladevorgangs unerwartet verschieben. Ein CLS-Wert unter 0,1 gilt als gut; Werte über 0,25 werden als schlecht eingestuft. Gemessen wird dabei nicht die Häufigkeit von Verschiebungen, sondern deren Ausmaß im Verhältnis zur Seitengröße.
Was bedeutet das für Ihre Website?
Stellen Sie sich vor, ein Besucher Ihrer WordPress-Site ist dabei, auf einen Link zu klicken — in dem Moment lädt ein Banner nach, der den Inhalt nach unten schiebt, und der Klick trifft den falschen Button. Genau dieses Erlebnis misst der CLS. Auf WordPress-Sites entstehen Layout-Shifts häufig durch Bilder ohne definierte Breiten- und Höhenattribute, durch nachgeladene Werbeanzeigen oder Cookie-Banner sowie durch Web-Fonts, die nach dem ersten Rendern eingewechselt werden und dabei den umgebenden Text verschieben. Das Ergebnis sind schlechte Nutzererlebnisse, die Google seit 2021 direkt in das Ranking einfließen lässt. Besonders auf Mobilgeräten ist der Effekt deutlich spürbar, weil der Viewport kleiner ist und jede Verschiebung proportional stärker wirkt.
Tipp
Setzen Sie für alle Bilder in WordPress immer die Attribute „width“ und „height“ im HTML-Code. Der Browser kann dann vor dem Laden die korrekte Fläche reservieren und ein Nachrutschen des Inhalts verhindern. Seit WordPress 5.5 fügt der Core diese Attribute bei neu hochgeladenen Bildern automatisch ein — prüfen Sie aber ältere Bilder in Ihrer Mediathek, die möglicherweise ohne diese Attribute eingebunden wurden.