CLS, kurz für Cumulative Layout Shift, misst, wie stark sich Inhalte einer Seite beim Laden unerwartet verschieben. Ein Wert bis 0,1 gilt als gut. CLS gehört zu den drei Core Web Vitals von Google.
Was verursacht Layoutverschiebungen?
Typisch sind Bilder und Werbeflächen ohne feste Höhe, nachladende Cookie-Banner, die Inhalte nach unten schieben, und Webfonts, die beim Laden die Textbreite ändern. Wer gerade auf einen Button tippen will und plötzlich einen anderen trifft, hat CLS erlebt.
Abhilfe: Bildern und Anzeigenplätzen Breite und Höhe mitgeben, Banner als Overlay statt im Textfluss anzeigen und Schriften mit font-display passend laden.