Cumulative Layout Shift (CLS)

Der Cumulative Layout Shift (CLS) misst die visuelle Stabilität einer Website während des Ladevorgangs. Er gibt an, wie oft und wie stark sich Layout-Elemente wie Bilder, Texte oder Buttons unerwartet verschieben, während die Seite geladen wird. Ein hoher CLS-Wert bedeutet, dass es zu großen Layout-Verschiebungen kommt, was das Nutzererlebnis erheblich beeinträchtigen kann. Besonders ärgerlich ist dies, wenn der Nutzer bereits versucht, mit der Seite zu interagieren, und sich plötzlich der Button oder Link verschiebt.

‍

Ein niedriger CLS-Wert hingegen zeigt, dass die Website stabil bleibt, während sie geladen wird, was eine flüssigere und angenehmere Benutzererfahrung ermöglicht. Faktoren, die zu einem hohen CLS führen, sind zum Beispiel das verzögerte Laden von Bildern, Werbeanzeigen oder eingebetteten Elementen, die nicht reservierten Platz im Layout beanspruchen.