Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS)Cumulative Layout Shift (CLS) misst, wie stark sich Layout-Elemente während des Ladens unerwartet verschieben, und steht für die visuelle Stabilität einer Seite.Zum Glossareintrag → gehört zu den Core Web VitalsCore Web Vitals sind ein Set von Google-Metriken, die die reale Nutzererfahrung einer Website in den Bereichen Ladeleistung, Interaktivität und visuelle Stabilität messen.Zum Glossareintrag → und misst, wie stark sich sichtbare Elemente während des Ladens unerwartet verschieben. Solche Sprünge stören das Nutzererlebnis, etwa wenn ein Button im letzten Moment verrutscht. Als guter Wert gilt ein CLS von höchstens 0,1.

Ein schlechter CLS entsteht oft durch Bilder ohne Angabe von width und height, Werbeflächen ohne reservierten Platz, eingebettete Videos ohne Platzhalter, nachladende Banner, Cookie-Banner oder Webfonts. Verbessern lässt sich CLS so:

• Breite und Höhe bei Bildern angeben, damit der Browser Platz reservieren kann,
• Platz für Werbung und Embeds reservieren,
• Cookie-Banner stabil positionieren,
• Font-Loading optimieren und Platzhalter (Skeletons) nutzen,
• nachladende Inhalte nicht oberhalb bereits sichtbarer Inhalte einfügen.