Geschrieben von

Web Vitals

Performance

Was sind Web Vitals?

Am 5. Mai 2020 hat Google im Chromium Blog die Web Vitals (oder auch Core Web Vitals) vorgestellt. Dabei handelt es sich um Kennzahlen und Signale, um die UX zu messen und zu bewerten. Google spricht dabei von den “Essential metrics for a healthy site”.

Hintergrund der Einführung der Web Vitals ist das Vorhandensein vieler Tools wie Lighthouse, Chrome DevTools, Pagespeed Insights und Search Console Speed Report, die Google aktuell zur Verfügung stellt. Mit diesen Tools kann die Performance, die für die Nutzererfahrung wichtig ist, gemessen werden. Die Initiative “Web Vitals” verfolgt das Ziel, die Kennzahlen aus der Tool-Landschaft zu vereinfachen und Website-Betreibern zu helfen sich auf die wesentlichen Kennzahlen zu fokussieren.

Die 3 Kennzahlen

Wer die User-centric Performance Metrics kennt, für den wird es bei den Web Vitals nicht viel neues geben. Im Grunde bestehen die Web Vitals aus den folgenden Kennzahlen:

  • Largest Contentful Paint (LCP): Mit dieser Kennzahl wird die Geschwindigkeit vom Zeitpunkt gemessen, wo das größte Element der Seite zur Verfügung steht (sozusagen der Hauptinhalt).
  • First Input Delay (FID): Mit dieser Kennzahl wird die Interaktivität gemessen und ist der Zeitpunkt, wo die Seite auf Nutzereingaben reagieren kann.
  • Cumulative Layout Shift (CLS): Mit dieser Kennzahl wird visuelle Stabilität und der Umfang der unerwarteten Änderungen des Layouts gemessen.

Die Kennzahlen haben gemeinsam, dass der Nutzer im Fokus steht und dass es sich um Field data (Felddaten) handelt.

Wie können Web Vitals gemessen werden?

Die Kennzahlen sind grundsätzlich über den Chrome User Experience Report verfügbar. Mittlerweile wurden die Kennzahlen schon in diverse Tools implementiert, sodass man Analysen durchführen kann:

  • Google Pagespeeds Insights
  • Google Search Console
  • Google Lighthouse
  • webpagetest.org

Die Kennzahlen können über eine JS-Bibliothek auch mit dem eigenen Analytics-System gemessen werden.

Empfehlungen zu Ladezeiten

Bei den einzelnen Kennzahlen hat Google auch konkrete Zahlen und Empfehlungen hinsichtlich der Ladezeit gegeben. In 75 Prozent der Fällen sollte…

  • …LCP unter 2,5 Sekunden laden.
  • …CLS unter 0,1 sein.
  • …FID unter 100 Millisekunden bleiben.

Mehr zu den Web Vitals findet man auch im web.dev-Blog.

Last modified: 29. Mai 2020