Core Web Vitals (CWV) sind eine Reihe von Metriken, die von entwickelt wurden Google, um die Benutzererfahrung von Website-Besuchern zu messen.
Sie liefern eine Vorstellung davon, wie gut eine Webseite funktioniert, und helfen dabei, Bereiche zu identifizieren, die verbessert werden müssen.
Google bietet mehrere Metriken zur Messung der Seitenleistung an, die als Web Vitals bezeichnet werden und sich von Core Web Vitals unterscheiden. Web Vitals bietet eine granulare technische Ansicht der Webseitenleistung.
Die Core Web Vitals sind eine Teilmenge der Web Vitals, die die Interaktionen der Benutzererfahrung messen, die für Website-Besucher üblich sind, unabhängig davon, welche Art von Website sie besuchen .
Insbesondere identifiziert Google die zentralen Anforderungen an die Benutzererfahrung als Laden, Interaktivität und visuelle Stabilität.
Alle Websites sollten hohe Core Web Vitals-Ergebnisse anstreben.
Laut Google:
„Web Vitals ist eine Initiative von Google zur Bereitstellung einheitlicher Leitlinien für Qualitätssignale, die für die Bereitstellung einer großartigen Benutzererfahrung im Web unerlässlich sind.
Website-Eigentümer sollten keine Performance-Gurus sein müssen, um der Ordnung gerecht zu werden um die Qualität der Erfahrung zu verstehen, die sie ihren Benutzern bieten.
Die Web Vitals-Initiative zielt darauf ab, die Landschaft zu vereinfachen und Websites dabei zu helfen, sich auf die Metriken zu konzentrieren, die am wichtigsten sind, die Core Web Vitals.“
Contents
Messung der Benutzererfahrung mit Core Web Vitals
Die folgenden drei Metriken messen die Qualität der Benutzererfahrung der Website-Besucher:
- Größter Contentful Paint: Misst die Wahrgenommene Seitenladegeschwindigkeit und stellt die Zeit dar, die zum Laden des größten Inhaltsblocks (Text oder Bild) benötigt wird.
- Verzögerung bei der ersten Eingabe: Misst die Verzögerung von der ersten Interaktion eines Website-Besuchers mit der Seite bis zu dem Moment, in dem der Browser auf die Interaktion reagieren kann
- Cumulative Layout Shift: Misst die Stabilität einer Webseite während des Downloads Feedback dazu geben, wie stark sich das Seitenlayout ändert.
Screenshot von web.dev/vitals, August 2022
Google erklärt, warum gerade diese drei Metriken so wichtig sind :
„Google ist der Ansicht, dass die Core Web Vitals entscheidend für alle Weberlebnisse sind.
Deshalb verpflichtet sich das Unternehmen, diese Messwerte in all seinen beliebten Tools bereitzustellen.“
Verwandt: Googler erklärt Usability- und User-Experience-Ranking-Faktoren
Zwei Arten von Core Web Vitals-Messungen
Google bietet zwei Arten von Core Web an Vitalwerte: Felddaten und Labordaten.
Felddaten
Felddaten sind Core Web Vitals-Messungen, die von Website-Besuchern auf Webseiten erfasst werden. Die Messungen erfolgen bei Website-Besuchern, die einen Chrome-Browser verwenden und sich dafür entschieden haben, ihre anonymisierten Nutzererfahrungsdaten an Google zu senden.
Die Nutzererfahrungsdaten erstellen den Chrome User Experience Report (CrUX).
Daten auf Seitenebene werden erst berücksichtigt, wenn diese Seite mindestens 1.000 Besuche pro Monat erreicht hat.
Felddaten, die im Rahmen des Chrome-Berichts zur Benutzererfahrung gesammelt wurden, finden Sie mit dem PageSpeed Insights-Tool von Google.
Die Search Console zeigt auch Felddaten an, die auf eine Weise gemeldet werden, die es einfach macht, URLs anzuzeigen, die von den drei Core Web Vitals-Metriken aggregiert werden.
Das CrUX-Dashboard von Data Studio visualisiert die CrUX-Daten (weitere Informationen hier).
Labordaten
Labordaten bestehen aus simulierten Core Web Vitals-Ergebnissen.
Der Zweck von durch Labordaten generierten Berichten besteht darin, diagnostische Informationen zu erhalten, um die Geschwindigkeitswerte von Webseiten zu verbessern.
Da jedes Mal, wenn ein Test ausgeführt wird, eine leichte Abweichung auftritt, führen viele Personen mindestens drei Tests durch und mitteln dann die Punktzahl.
Die Core Web Vitals-Labordatenpunktzahlen sind auch über das PageSpeed Insights-Tool verfügbar, as sowie jedes andere Tool von Drittanbietern, das Chrome Lighthouse-Tool.
Ein kopfloser Chrome-Bot wird an eine Webseite gesendet, um die Daten herunterzuladen und zu simulieren.
Das Lighthouse-Tool wendet eine künstliche Drosselung an, um zu simulieren, dass ein Mobilgerät die Webseite auf ein Mobiltelefon herunterlädt Telefonverbindung.
So funktioniert die Labordatensimulation:
„Diese genauen Zahlen sind in den Lighthouse-Konstanten definiert und werden als Lighthouse-Drosselungsvorgabe verwendet.
Sie repräsentieren ungefähr die untere 25 % der 4G-Verbindungen und obere 25 % der 3G-Verbindungen (in Lighthouse heißt diese Konfiguration derzeit „Slow 4G”, wurde aber früher als „Fast 3G” bezeichnet).
Diese Voreinstellung ist identisch mit der von WebPageTest “Mobile 3G – Schnell“ und aufgrund einer geringeren Latenz für einige Seiten etwas schneller als der WebPageTest „4G” voreingestellt.”
Es gibt vier Arten von simulierter Netzwerkdrosselung für diejenigen, die an den Details der Drosselung interessiert sind.
1. Simulierte Drosselung. Dies wird vom Lighthouse-Tool verwendet.
2. Angewandte Drosselung. Dies wird als Drosselung auf Anforderungsebene bezeichnet, in den Chrome-Entwicklungstools jedoch als angewandte Drosselung bezeichnet. Laut Dokumentation ist diese Drosselung nicht so genau, sodass der Lighthouse-Algorithmus dies kompensiert.
3. Drosselung auf Proxy-Ebene. Dies wirkt sich nicht auf UDP aus und ist daher nicht ideal.
4. Drosselung auf Paketebene. Dies ist die genaueste Form der Drosselung, kann aber auch zu größeren Abweichungen zwischen den Tests führen. Der WebPage-Test eines Drittanbieters verwendet diese Form der Drosselung.
So messen Sie Core Web Vitals
Felddaten
Wie bereits erwähnt, handelt es sich bei Felddaten um Core Web Vitals-Metriken, die von Website-Besuchern gesammelt werden.
Die Google Search Console bietet Chrome User Experience Report (CrUX)-Daten.
PageSpeed Insights stellt auch CrUX-Felddaten bereit.
Lab Data
PageSpeed Insights und Chrome Dev Tools (unter dem Audit Panel ) bieten simulierte Lab-Core-Web-Vitals-Daten an.
Messtools von Drittanbietern, die Chrome Lighthouse verwenden, stellen auch Core Web Vitals Lab-Daten bereit.
Eine unvollständige Liste kostenloser und hauptsächlich kostenloser Tools zum Testen der Geschwindigkeit von Drittanbietern:
- Web Page Test.
- HTTPArchive BigQuery.
- Screpy (kostenlose und kostenpflichtige Versionen).
- Lighthouse Keeper (Tool zur Überwachung der Seitenleistung).
- Websu.
- SpeedVitals (kostenlose und kostenpflichtige Versionen).
Verwandt: Making SEO & Benutzererfahrung zusammenarbeiten
Was ist mit anderen Benutzererfahrungsmetriken für die Seitengeschwindigkeit?
So wichtig die Core Web Vitals auch sind, sie sind nicht die einzigen zu analysierenden Benutzererfahrungsmetriken.
Ein erweiterter Satz von Metriken namens Web Vitals ist über Tools wie PageSpeed Insights verfügbar.
Google hat kürzlich eine neue Metrik namens Interaction to Next Paint angekündigt.
Interaction to Next Paint ist eine Metrik, die misst, wie lange es dauert, mit der gesamten Webseite zu interagieren, was Google mit dem Ausdruck Gesamtinteraktionslatenz bezeichnet.
Quelle: Chromium Blog