Cumulative Layout Shift (CLS)

Was ist Cumulative Layout Shift (CLS)?

Cumulative Layout Shift (CLS) ist eine Metrik der Google Core Web Vitals zur Messung der visuellen Stabilität Deiner Webseite. Sie gibt an, wie stark sich Elemente auf Deiner Seite während des Ladeprozesses verschieben. Ein hoher CLS Wert deutet darauf hin, dass Nutzer:innen unerwartete und störende Verschiebungen von Inhalten erleben, was die Benutzererfahrung beeinträchtigen kann.

Ursachen hoher CLS-Werte

Wenn sich Elemente unvorhersehbar verschieben, kann dies dazu führen, dass Nutzer:innen versehentlich auf falsche Schaltflächen klicken oder Inhalte übersehen. Suchmaschinen, wie Google, berücksichtigen CLS als Faktor bei der Bewertung der Nutzererfahrung Deiner Webseite und können Seiten mit niedrigerer visueller Stabilität schlechter bewerten.

CLS kann durch verschiedene Faktoren verursacht werden, wie das Laden von Bildern oder Schriften ohne vorherige Reservierung des benötigten Platzes, dynamisch eingefügte Inhalte oder Anzeigen sowie asynchrone Aktualisierungen von Inhalten. Eine sorgfältige Planung und Implementierung der Webseitenstruktur und -elemente kann dazu beitragen, unerwünschte Layoutverschiebungen zu minimieren.

Optimierung von CLS

Um Deinen CLS zu optimieren, solltest Du sicherstellen, dass alle Elemente auf Deiner Seite mit vordefinierten Abmessungen geladen werden, insbesondere Medieninhalte.

Das Setzen von Dimensionen für Bilder, das Verwenden von Platzhaltern für Anzeigen und das Vermeiden von nachträglichen Aktualisierungen können dazu beitragen, die visuelle Stabilität zu verbessern. Durch regelmäßige Überwachung und Anpassung kann Deine Website eine positive Nutzererfahrung mit minimalen Layoutverschiebungen bieten.