Einführung von Pagespeed Pal: Visualisieren von Core Web Vitals in Google Data Studio

Veröffentlicht: 2022-04-29

Als Full-Service-Agentur für digitales Marketing wollten wir eine Möglichkeit, schnell und einfach Informationen zu Core Web Vitals für Kunden- und Mitbewerber-URLs zu sammeln, die klar und prägnant visualisiert werden können.

Nachdem wir uns die vorhandenen Lösungen angesehen hatten, stellten wir schnell fest, dass es kein Tool gab, das genau das tat, was wir wollten.

Also haben wir uns entschieden, es selbst zu bauen. Der beste Teil? Es ist kostenlos – von digitalen Vermarktern für digitale Vermarkter entwickelt.

Warum sind Core Web Vitals wichtig?

Ab Juni 2021 ist Core Web Vitals ein offizieller Ranking-Faktor für Ihre Website. Obwohl es nicht der größte Beitrag ist, wird es immer wichtiger zu verstehen, wie Ihre Website sowohl auf dem Desktop als auch auf dem Handy funktioniert, wenn Sie die besten Chancen auf ein hohes Ranking Ihrer Website haben möchten. Wie kannst du das tun? Nun, Sie müssen in der Lage sein, Ranking-Metriken wie First Input Delay (FID), Cumulative Layout Shift (CLS) und Largest Contentful Paint (LCP) im Laufe der Zeit zu verfolgen und zu überwachen, um zu identifizieren, wo Probleme auftreten könnten, und um zu quantifizieren, wie erfolgreich Sie sind implementierte Lösungen sind.

Wir stellen Ihnen Pagespeed Pal vor – ein kostenloses Tool, das von Semetrical entwickelt wurde und speziell für alle entwickelt wurde, die Core Web Vitals einfach verfolgen, organisieren und visualisieren möchten.

Also, was ist Pagespeed Pal?

Unser Tool verwendet die Pagespeed Insights-API, um die folgenden Feld-, Ursprungs- und Labormetriken abzurufen;

FCP Ms – Feld
LCP Ms – Feld
CLS Ms – Feld
FID Ms – Feld
FCP Ms – Herkunft
LCP Ms – Herkunft
CLS Ms – Herkunft
FID Ms – Herkunft
Leistungspunktzahl – Lab
FCP Ms – Lab
LCP Frau – Lab
CLS – Labor
Time To Interactive Ms – Lab
Gesamtsperrzeit Ms – Lab
Geschwindigkeitsindex Ms – Lab
Zeit bis zum ersten Byte Ms – Lab
FID Ms – Lab

Nachdem wir nun die Metriken behandelt haben, die Pagespeed Pal abrufen kann, lassen Sie uns kurz erläutern, was uns jede Metrik sagt, und die Hauptunterschiede zwischen Feld-, Ursprungs- und Labordaten skizzieren.

Metrikdefinitionen

LCP = Misst die Ladeleistung. Um eine gute Benutzererfahrung zu bieten, sollte LCP innerhalb von 2,5 Sekunden nach dem ersten Laden der Seite erfolgen.
CLS = Dies misst die visuelle Stabilität. Um eine gute Benutzererfahrung zu bieten, sollten Seiten einen CLS von weniger als 0,1 beibehalten.
FID = Misst die Interaktivität. Um eine gute Benutzererfahrung zu bieten, sollten Seiten eine FID von weniger als 100 Millisekunden haben.
FCP = Dies misst die Seitenladegeschwindigkeit, die Zeit vom Beginn des Ladens einer Seite bis zur Wiedergabe eines beliebigen Teils des Inhalts dieser Seite auf dem Bildschirm.
Time to Interactive = Eine Labormetrik, die die Zeit vom Beginn des Ladens der Seite bis zur vollständigen Interaktivität misst.
Total Blocking Time = Eine Labormetrik, die die Gesamtzeit in Millisekunden zwischen First Contentful Paint (FCP) und Time To Interactive (TTI) misst.
Geschwindigkeitsindex = Eine Labormetrik, die misst, wie schnell der Inhalt einer Seite während des Ladens der Seite sichtbar gefüllt wird.
Zeit bis zum ersten Byte = Eine Labormetrik, die die Zeit zwischen der Anforderung einer Seite durch den Browser und dem Empfang des ersten Informationsbytes vom Server misst.

Datentypdefinitionen

Felddaten = Basierend auf echten Benutzerbesuchen ist dies die Punktzahl, die sich speziell auf die angegebene URL bezieht und die Google beim Ranking Ihrer Seite berücksichtigt.
Herkunftsdaten = Dies ist eine Aggregation von Bewertungen aller URLs, die auf der Website gemessen werden können, was einen nützlichen Hinweis auf die Gesamtleistung der Website liefert.
Labordaten = Dies lädt eine Seite in einer kontrollierten Umgebung mit einem vordefinierten Satz von Netzwerk- und Gerätebedingungen.

Wir haben uns vorgenommen, die drei dieser Datentypen zu ziehen, um von den unterschiedlichen Perspektiven zu profitieren, die jeder zu bieten hat.

Wie viele URLs kann Pagespeed Pal abrufen und wie oft werden sie aktualisiert?

Diese Scores werden täglich von der Pagespeed Insights API aktualisiert, und daher ruft unser Tool sie nur einmal am Tag ab und läuft automatisch, um sicherzustellen, dass die Dinge auf dem neuesten Stand bleiben – als Benutzer können Sie planen, wann dies durch den Benutzer geschieht unten gezeigte Schnittstelle.

Google begrenzt die Anzahl der URLs, die täglich geplant ausgeführt werden können.

Ein Benutzer mit einem kostenlosen Google-Konto kann ungefähr 35 URLs planen, bevor Fehler auftreten, während ein Benutzer mit einem Workspace-Konto ungefähr 100 URLs abfragen kann.

Allerdings begrenzt Google die Anzahl der sofort ausgeführten URLs weniger stark. Wir konnten erfolgreich Daten für mehr als 1.600 URLs abrufen, indem wir das Menü „Run Queries“ mit dem Add-On-Menü von Pagespeed Pal verwenden.

Wie werden die Rohdaten dargestellt?

Zur einfachen Berichterstellung werden diese Ergebnisse nach Datum, Gerät, Client, Seitengruppierung und URL aufgeschlüsselt. Unten sehen Sie, wie dies aussieht, wenn es in Google Sheets eingefügt wird.

Der Hauptzweck dieses Formats besteht darin, die Datenvisualisierung zu optimieren, sodass innerhalb von Google Data Studio auf einfache Weise leistungsstarke Ansichten sowohl für unsere eigenen Kunden als auch für die Seiten von Mitbewerbern erstellt werden können.

Wie sieht das visualisiert aus?

Unter Verwendung dieser Tabelle als direkt mit Data Studio verknüpfte Datenquelle können die Daten wie folgt visualisiert werden;

Durch das Hinzufügen von Filtern nach relevanten Dimensionen wie Kunde, Seitengruppierungen oder URLs können diese dann sehr flexibel ausgewertet werden. Wir verwenden gerne die Referenzlinienfunktion, um Schwellenwerte für Metriken bereitzustellen, die es einfacher machen, die Gesamtleistung zu identifizieren.

Das ist großartig – wie kann ich Pagespeed Pal für die Berichterstattung verwenden?

Wir werden Pagespeed Pal über den Google Workspace Marketplace öffentlich veröffentlichen, nachdem wir einige letzte Änderungen am Tool vorgenommen haben, und den Blog aktualisieren, sobald er live ist.

Wenn Pagespeed Pal live geht, kann das Tool ganz einfach über den Google Workspace Marketplace hinzugefügt werden. Navigieren Sie nach dem Herunterladen einfach zu Google Tabellen > Erweiterungen > Add-ons. Sie werden aufgefordert, einen API-Schlüssel herunterzuladen, den Sie erhalten können, indem Sie die angegebenen Schritte ausführen. Sobald dies erworben wurde, fügen Sie es ein und Sie können beginnen! Unser kurzes Video unten zeigt, wie Sie mit dem Tool nach der Installation richtig beginnen.

Wenn Sie Fragen haben, kontaktieren Sie uns über unser Kontaktformular.