Aktualisiert
La recopilación de datos sobre los elementos vitales Netz de su sitio es el primer paso para mejorarlos. Un análisis completo recopilará datos de rendimiento de entornos de laboratorio y del mundo real. La medición de valores vitales web requiere cambios mínimos en el código y se puede lograr utilizando herramientas gratuitas.
Web-Vitalwertmessung mit RUM-Daten
Echte Benutzerüberwachung (RUM), también conocidos como datos de campo, capturan el rendimiento experimentado por los usuarios reales de un sitio. Los datos de RUM son los que utiliza Google para determinar si un sitio cumple con los umbrales recomendados de Core Web Vitals.
Starten
Wenn Sie kein RUM-Setup haben, erhalten Sie mit den folgenden Tools schnell Daten zur tatsächlichen Leistung Ihrer Site. Alle diese Tools basieren auf demselben zugrunde liegenden Datensatz (der Chrome User Experience Report), aber sie haben leicht unterschiedliche Anwendungsfälle:
- PageSpeed Insights (PSI): PageSpeed Insights meldet die Gesamtleistung auf Seiten- und Quellenebene für die letzten 28 Tage. Darüber hinaus bietet es Vorschläge zur Verbesserung der Leistung. Wenn Sie nach einer einzigen Aktion suchen, um die Web-Vitalwerte Ihrer Website zu messen und zu verbessern, empfehlen wir Ihnen, PSI zur Prüfung Ihrer Website zu verwenden. PSI ist verfügbar in Netz und als API.
- Suchkonsole: Suchkonsole informa datos de rendimiento por página. Esto lo hace adecuado para identificar páginas específicas que necesitan mejoras. A diferencia de PageSpeed Insights, los informes de Suchkonsole incluyen datos históricos de rendimiento. Search Console solo se puede usar con sitios de los que seas propietario y de los que hayas verificado la propiedad.
- CrUX-Dashboard: CrUX-Karte ist ein vorgefertigtes Dashboard, das CrUX-Daten für eine Quelle Ihrer Wahl anzeigt. Es basiert auf Data Studio und der Einrichtungsvorgang dauert ungefähr eine Minute. Im Vergleich zu PageSpeed Insights und Search Console enthalten CrUX-Dashboard-Berichte mehr Dimensionen. Beispielsweise können die Daten nach Gerät und Verbindungstyp aufgeschlüsselt werden.
Vale la pena señalar que, aunque las herramientas enumeradas anteriormente son adecuadas para «comenzar» con la medición de Web Vitals, también pueden ser útiles en otros contextos. En particular, tanto CrUX como PSI están disponibles como API y se pueden utilizar para Paneele bauen und andere Berichte.
RUM-Datenerfassung
Aunque las herramientas basadas en CrUX son un buen punto de partida para investigar el rendimiento de Web Vitals, recomendamos encarecidamente complementarlas con su propio RUM. Los datos de RUM que recopila usted mismo pueden proporcionar comentarios más detallados e inmediatos sobre el rendimiento de su sitio. Esto hace que Sein más fácil identificar problemas y probar posibles soluciones.
CrUX-basierte Datenquellen melden Daten mit einer Granularität von ungefähr einem Monat. Die Details hierfür variieren jedoch geringfügig je nach Werkzeug. Beispielsweise berichten PSI und Search Console über die beobachtete Leistung in den letzten 28 Tagen, während das CrUX-Dashboard und der Datensatz nach Kalendermonaten aufgeschlüsselt sind.
Sie können Ihre eigenen RUM-Daten erfassen, indem Sie einen dedizierten RUM-Anbieter verwenden oder Ihre eigenen Tools einrichten.
Engagierte RUM-Anbieter sind auf die Erfassung und Berichterstattung von RUM-Daten spezialisiert. Um Core Web Vitals mit diesen Diensten zu verwenden, fragen Sie Ihren RUM-Anbieter, ob Sie die Überwachung von Core Web Vitals für Ihre Site aktivieren möchten.
Wenn Sie keinen RUM-Anbieter haben, können Sie möglicherweise Ihr vorhandenes Analyse-Setup erweitern, um diese Metriken mithilfe von zu erfassen und zu melden Web-Vitale JavaScript-Bibliothek. Diese Methode wird nachstehend ausführlicher erläutert.
La biblioteca JavaScript de web-vitals
Wenn Sie Ihre eigene RUM-Konfiguration für Web Vitals implementieren, ist es am einfachsten, Messungen von Web Vitals zu erfassen Web-Vitale JavaScript-Bibliothek. Web-Vitale ist eine kleine modulare Bibliothek (~ 1 KB), die eine praktische API zum Sammeln und Berichten aller vor Ort messbaren Web Vitals-Metriken bietet.
Las métricas que componen Web Vitals no están todas directamente expuestas por las API de rendimiento integradas del Browser, sino que se basan en ellas. Por ejemplo, Acumulative Layout Shift (CLS) se implementa utilizando el Entwurfsinstabilitäts-API. Durch die Nutzung Web-VitaleSie müssen sich nicht darum kümmern, diese Metriken selbst zu implementieren. Außerdem wird sichergestellt, dass die gesammelten Daten mit der Methodik und den Best Practices für jede Metrik übereinstimmen.
Weitere Informationen zur Implementierung Web-Vitale, beziehen auf Dokumentation und das Best Practices-Handbuch zur Messung von Web-Vitalen vor Ort.
Datenaggregation
Es ist wichtig, dass Sie die von gesammelten Maßnahmen melden Web-Vitale. Wenn diese Daten gemessen, aber nicht gemeldet werden, werden Sie sie nie sehen. das Web-Vitale Die Dokumentation enthält Beispiele, die zeigen, wie die Daten an gesendet werden ein generischer API-Endpunkt, Google Analyticsoder Google Tag Manager.
Si ya tiene una herramienta de informes favorita, considere usarla. De lo contrario, Google Analytics es gratuito y puede utilizarse para este propósito.
Bei der Überlegung, welches Tool verwendet werden soll, ist es hilfreich zu überlegen, wer Zugriff auf die Daten benötigt. In der Regel erzielen Unternehmen die beste Rendite, wenn das gesamte Unternehmen und nicht nur eine Abteilung an einer Leistungsverbesserung interessiert ist. Informationen zum Erhalten des Buy-ins von verschiedenen Abteilungen finden Sie unter Standortübergreifende Geschwindigkeitskorrektur.
Dateninterpretation
Bei der Analyse von Leistungsdaten ist es wichtig, die Warteschlangen der Verteilung zu berücksichtigen. RUM-Daten zeigen oft, dass die Leistung stark variiert - einige Benutzer haben schnelle Erfahrungen, andere langsame Erfahrungen. Die Verwendung des Medians zur Zusammenfassung der Daten kann dieses Verhalten jedoch leicht maskieren.
Bei Web Vitals verwendet Google den Prozentsatz "guter" Erfahrungen anstelle von Statistiken wie Median oder Durchschnitt, um festzustellen, ob eine Website oder Seite die empfohlenen Schwellenwerte erfüllt. Damit eine Site oder Seite die Schwellenwerte für Core Web Vitals erfüllen kann, müssen 75% der Seitenaufrufe den Schwellenwert "gut" für jede Metrik erfüllen.
Messung der Web-Vitalwerte anhand von Labordaten
Labordaten, auch als synthetische Daten bezeichnet, werden in einer kontrollierten Umgebung und nicht von tatsächlichen Benutzern erfasst. Im Gegensatz zu RUM-Daten können Labordaten aus Vorproduktionsumgebungen erfasst und daher in Entwickler-Workflows und kontinuierliche Integrationsprozesse integriert werden. Beispiele für Tools, die synthetische Daten erfassen, sind Lighthouse und WebPageTest.
Überlegungen
Es wird immer Diskrepanzen zwischen RUM-Daten und Labordaten geben, insbesondere wenn sich die Netzwerkbedingungen, der Gerätetyp oder der Standort der Laborumgebung erheblich von denen der Benutzer unterscheiden. Insbesondere bei der Erfassung von Labordaten zu Web Vitals-Metriken sind jedoch einige spezifische Überlegungen zu beachten:
- Kumulative Designänderung (CLS): Die in Laboreinstellungen gemessene kumulative Designänderung kann künstlich niedriger sein als der in den RUM-Daten beobachtete CLS. CLS ist definiert als die Gesamtsumme aller einzelnen Konstruktionsänderungswerte für jede unerwartete Konstruktionsänderung, die auftritt während der gesamten Lebensdauer der Seite. «Sin embargo, la vida útil de una página suele ser muy diferente según si la carga un Nutzername real o una herramienta sintética de medición del rendimiento. Muchas herramientas de laboratorio solo cargan la página, no interactúan con ella. Como resultado, , solo capturan cambios de diseño que ocurren durante la carga inicial de la página. Por el contrario, el CLS medido por las herramientas RUM captura cambios de diseño inesperados que ocurren durante toda la vida útil de la página.
- First Entry Delay (FID): Die Verzögerung nach dem ersten Beitrag kann in Laborumgebungen nicht gemessen werden, da Benutzerinteraktionen mit der Seite erforderlich sind. Daher ist die Total Blocking Time (TBT) der empfohlene Labor-Proxy für FIDs. TBT misst die "Gesamtzeit zwischen First Contentful Paint und Time to Interactive, während der die Seite nicht auf Benutzereingaben reagieren kann". Obwohl FID und TBT unterschiedlich berechnet werden, sind sie beide Reflexionen eines blockierten Hauptthreads während des Startvorgangs. Wenn der Hauptthread blockiert ist, reagiert der Browser nur langsam auf Benutzerinteraktionen. FID misst die Verzögerung, falls vorhanden, die auftritt, wenn ein Benutzer zum ersten Mal versucht, mit einer Seite zu interagieren.
Stempeln
Mit diesen Tools können Labormessungen von Web Vitals erfasst werden:
- Chrome Web Vitals-Erweiterung: Die Web Vitals Chrome Erweiterung misst und meldet Core Web Vitals (LCP, FID und CLS) für eine bestimmte Seite. Dieses Tool soll Entwicklern Echtzeit-Leistungsfeedback geben, wenn sie Änderungen am Code vornehmen.
- Leuchtturm: Lighthouse berichtet über LCP, CLS und TBT und zeigt auch mögliche Leistungsverbesserungen auf. Lighthouse ist in den Chrome DevTools als Chrome-Erweiterung und als npm-Paket verfügbar. Lighthouse kann auch in kontinuierliche Integrationsworkflows integriert werden CI Scheinwerfer.
- WebPageTest: WebPageTest nimmt Web Vitals als Teil seiner Standardberichte auf. WebPageTest ist nützlich, um Informationen zu Web Vitals unter bestimmten Geräte- und Netzwerkbedingungen zu sammeln.
