Es ist offiziell.. Das nächste Google Core Web Vital Update verändert eine der drei Bewertungskriterien.

Das Core Web Vitals Update soll in Zahlen messen, wie angenehm eine Webseite für den Nutzer ist. Also Ladezeit, wahrgenommene Interaktivität und Grad der Verschiebung.

Vorher hieß der Wert “Cumulative Layout Shift” – mehr darüber in meinem Blogpost: Was ist Cumulative Layout Shift?

Der neue Wert erfasst dasselbe Problem einer Webseite. Die Art und Weise wie sich der Wert ergibt, wird jedoch grundlegend geändert.

Wie wurde der Cumulative Layout Shift gemessen?

Während des kompletten Ladevorgangs einer einzelnen Webseite, wurde gemessen, welche Elemente sich wie stark verschoben haben. Diese Werte wurden summiert, und der CLS Wert entstand.

Wie wird der Cumulative Layout Shift ab jetzt gemessen?

Der Wert wird nicht mehr als Ganzes kumuliert, sondern es werden einzelne Zeitfenster, sogenannte Session Windows gemessen. Jedes “Session Window” ist 5 Sekunden lang. Addiert man die Verschiebungen eines Session Windows zusammen, erhält man den CLS-Wert eines Session Windows.

Lädt die Webseite 15 Sekunden (hoffentlich nicht) hätte man 3 Session Windows, wie hier zu sehen:

Wissenschaftliche Erklärung zur Änderung

..kann hier auf Englisch nachgelesen werden:https://web.dev/evolving-cls/

Der Artikel ist an manchen Stellen nicht ganz eindeutig geschrieben. Daher habe ich nochmal auf Twitter einen Experten befragt. Danke an Twitter: @tkadlec

The post has a few examples, but it’s the biggest shift window.

So from the second example, there were shift windows of:

.296
.024
.120
.010

So the new metric reports .296, the maximum window.

— Tim Kadlec (@tkadlec) April 15, 2021

Er hat mir nochmal bestätigt, dass der neue Wert ausschließlich der kumulierte Wert, des größten Session Windows ist.

Ein Beispiel für die neue Berechnungsmethode

Session Window 1 = 0,1

Session Window 2 = 1,2

Session Window 3 = 0,05

Vorher wäre der CLS der Seite 0,1+ 1,2 + 0,05 = 1,35 gewesen.

Durch die veränderte Berechnung wird nun NUR das Ergebnis des größten Session Windows genommen. Der neue Wert der Seite wäre also jetzt 1,2.

Weitere Quellen

Eine wirklich gute Quelle ist diese Seite hier: https://web.dev/evolving-cls/

Der Blog von WebpageTest hat sich ebenfalls mit der neuen Metrik des Cumulative Layout Shifts befasst. Ebenfalls ein sehr spannender Artikel: https://blog.webpagetest.org/posts/understanding-the-new-cumulative-layout-shift/