Anzeige
Anzeige
News
Artikel merken

Core Web Vitals: Googles Kennzahlen zur Bewertung der User-Experience erklärt

Unter der Bezeichnung Web Vitals will Google eine einheitliche Bewertungsgrundlage für die Nutzungserfahrung von Websites etablieren. Wir erklären euch, wie sich die insgesamt drei Web-Vitals-Kennzahlen zusammensetzen.

2 Min. Lesezeit
Anzeige
Anzeige
(Foto: Shutterstock)

Von den Chrome-Dev-Tools über Lighthouse und Pagespeed Insights bis zum Geschwindigkeitsreport in der Seach Console: Google hat über die Jahre eine ganze Reihe an Möglichkeiten entwickelt, um die Performance eines Web-Auftritts zu messen. Im Grunde ist das nicht verwunderlich, immerhin ist das bezogen auf die Nutzungserfahrung eine wichtige Kennzahl. In einem Blogbeitrag räumt Googles Performance-Experte Ilya Grigorik jetzt jedoch ein, dass die hohe Anzahl an unterschiedlichen Tools und Metriken durchaus eigene Probleme verursache. Das wiederum will Google zukünftig mit einem vereinheitlichten Bewertungssystem namens Web Vitals lösen.

Web Vitals besteht im Kern aus insgesamt 3 Kennzahlen

Web Vitals im Überblick. (Grafik: Google)

Anzeige
Anzeige

Largest Contentful Paint (LCP): LCP misst die Renderzeit des größten Elements, das sich innerhalb des sichtbaren Seitenbereichs befindet. Als guten Wert definiert Google hier alles unter 2,5 Sekunden. Renderzeiten zwischen 2,5 und 4 Sekunden werden nach Googles Web-Vital-Definition als verbesserungswürdig eingestuft und alles darüber gilt dem Unternehmen nach als schlechter Wert.

First Input Delay (FID): FID misst die Zeit, die zwischen der ersten Nutzeraktivität bis zur Reaktion des Browsers vergeht. Gemeint ist beispielsweise die Verzögerung, die zwischen dem ersten Klick auf einen Button oder Link und der damit ausgeführten Aktion besteht. Alle FID-Werte unter 100 Millisekunden sieht Google als gut an. Werte zwischen 100 und 300 Millisekunden gelten als verbesserungswürdig und alles darüber als schlecht.

Anzeige
Anzeige

Cumulative Layout Shift (CLS): CLS dient als Kennzahl für die visuelle Stabilität einer Website und misst, wie oft sich Seitenelemente unerwartet verschieben. Gemeint sind beispielsweise asynchron geladene Seitenelemente, die plötzlich das Layout eines Textes verändern. Aber auch Buttons, an deren Stelle nach dem Klicken plötzlich ein völliger anderer erscheint, fallen laut Google darunter. CLS berechnet sich aus zwei Werten, die miteinander multipliziert werden. Den ersten nennt Google Impact-Fraction, damit meint das Unternehmen den prozentualen Anteil des Viewports, der durch die Veränderung betroffen ist.

Anzeige
Anzeige

Nimmt ein Element vor der Veränderung die Hälfte der Seite ein, und wandert dann um 25 Prozent nach unten, sind demnach 75 Prozent der Seite betroffen und die Impact-Fraction beträgt 0,75. Dieser Wert wird mit der Distance-Fraction multipliziert. Die wird als die größte Distanz definiert, um die sich ein Element bewegt. In dem vorherigen Beispiel läge der Wert also bei 0,25. Im Ergebnis läge der CLS demnach bei 0,1875. Das wäre bereits verbesserungswürdig, denn Google sieht nur Werte bis 0,1 als gut an. Als schlecht werden alle Werte ab 0,25 eingestuft.

Web Vitals: So könnt ihr euren Web-Auftritt testen

Die Web-Vitals-Kennzahlen LCP, FID und CLS werden derzeit vom Chrome-User-Experience-Report erfasst. Langfristig sollen sie aber auch in den Pagespeed Insights und dem Speed-Report der Search Console auftauchen. Derzeit messen beide Tools nur den FID. Außerdem arbeitet Google an einer Chrome-Erweiterung, die euch die Web-Vital-Ergebnisse einer besuchten Website direkt im Browser anzeigen sollen.

Anzeige
Anzeige

Google wünscht sich von Websitebetreibern, dass sie Web-Vitals-Kennzahlen möglichst anhand realer Besucherdaten selbst erfassen. Dazu hat Google eine quelloffene Web-Vitals-Javascript-Bibliothek auf GitHub veröffentlicht. Der Code kann beispielsweise im Zusammenspiel mit dem jeweiligen Analytics-Anbieter in die eigene Seite eingebaut werden, oder auch als Referenz für eine eigene Erfassungslösung der Web-Vitals-Kennzahlen dienen.

Ebenfalls interessant:

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Ein Kommentar
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Core Web Vitals

Auf https://www.elias-lange.de/core-web-vitals-vergleich/ kann man Webseiten direkt miteinander vergleichen, sehr spannend um den Wettbewerb zu analysieren. ;)

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige