Geschwindigkeitstester Version 4.3: Hilfe, Verbesserungen des Wächterberichts, CrUX-Diagramme und vieles mehr

Rund zwei Monate nach dem Abschluss von Version 4.2 haben wir Version 4.3 unseres Werkzeugs zur Webgeschwindigkeitsüberwachung fertiggestellt. Wir haben Hilfestellungen hinzugefügt, um unser Publikum zu schulen, den Wächterbericht in den Zusammenfassungsbericht integriert und zeigen nun konkrete Metrikwerte an. Außerdem gibt es weitere Verbesserungen der Benutzeroberfläche.

Die meisten Änderungen sind sowohl auf die kostenlose Version als auch auf die professionellen PLUS-Tests anwendbar.

Schauen wir uns zunächst die größeren Neuerungen im Detail an.

Hilfe zur Webgeschwindigkeit und Geschwindigkeitstester#

Eine der Missionen von PageSpeed.ONE ist es, das Bewusstsein für Webgeschwindigkeit durch Vorträge, Meetups und auch Artikel zu verbessern.

Es ist fertig, die Hilfe von PageSpeed.ONE.

Unser Agenturblog reichte nicht mehr aus, um populärwissenschaftliche Texte zu veröffentlichen, also suchten wir nach einem besseren Werkzeug. Wir entschieden uns für Docusaurus, einen Generator für statische Webseiten, der speziell für Dokumentationszwecke entwickelt wurde.

Das Ergebnis ist bereits auf pagespeed.one zu sehen.

Wir haben dort nicht nur allgemeine Texte zu Metriken wie INP, LCP oder CLS verschoben, sondern auch Texte zu Techniken und Technologien rund um Geschwindigkeit, wie BF-Cache oder Argumente für Warum man sich um Geschwindigkeit kümmern sollte.

Derzeit planen wir, die Hilfe für das Monitoring-Tool selbst vorzubereiten, beginnend mit dem Bericht Zusammenfassung.

Bleiben Sie dran, denn wir werden jetzt schneller als je zuvor veröffentlichen.

Anzeige konkreter Werte im Diagramm der Geschwindigkeitsentwicklung einer Domain#

Diese Änderung erfreut unsere Beratungsagentur, da wir die Geschwindigkeitsentwicklung aus den Google-Daten (Chrome UX Report, kurz CrUX) im Domainbericht praktisch täglich während der Optimierung überwachen.

Jetzt ist es möglich, bei diesem Diagramm von der Verteilung (also der Verteilung der Metrikwerte unter den Nutzern) auf einen einzigen Wert umzuschalten (bei Google der 75. Perzentil):

Im Gegensatz zum Verteilungsdiagramm sehen Sie hier den Wert, anhand dessen Google im Falle der Core Web Vitals tatsächlich Ihre Website bewertet. Es ist also wesentlich einfacher.

Werden Sie hier so oft nachsehen wie wir?

Wächterbericht in die Zusammenfassung integriert#

Der Wächterbericht ist laut Rückmeldungen eine sehr beliebte Funktion unserer PLUS-Tests. Kürzlich schrieben uns zum Beispiel die Herren von Slevomat:

Das Werkzeug ist großartig zu nutzen. Wegen INP schauen wir jetzt jeden Tag rein. Wächter-Benachrichtigungen haben wir in Slack eingerichtet und es hat uns kürzlich sogar auf einen Fehler hingewiesen, den wir gemacht haben.

Wir haben jetzt den grundlegenden Output des Wächterberichts, also die Tabelle mit den überwachten Metrikwerten, leicht verbessert und in den Zusammenfassungsbericht integriert, wo Sie den Zustand aller Website-Metriken sehen können.

Drehung und Ausdehnung der Tabelle mit den Diagrammen zur monatlichen Metrikentwicklung#

Bei der Geschwindigkeitsmessung interessiert uns nicht nur der kurzfristige Horizont, also ob wir positive oder negative Auswirkungen von Änderungen auf der Website auf die Geschwindigkeit sehen, sondern auch langfristige Daten über Monate hinweg.

Dazu dienen Tabellen, in denen wir aus Google-Daten Diagramme zur langfristigen Metrikentwicklung abrufen.

Diese Tabellen haben wir nun erheblich überarbeitet. Einerseits werden sie wie die anderen Berichte (vertikal nach Domains) sortiert und andererseits ist die Tabelle in der Desktopansicht immer so erweitert, dass Sie nicht horizontal scrollen müssen.

Es ist einfacher zu lesen und idealerweise ist alles grün.

(Danke für den Verbesserungsvorschlag an Ondřej Ilinčev.)

Vollständiger Metrikwert in der Ergebnistabelle#

Vielleicht passiert es Ihnen nicht so oft wie uns, aber... manchmal müssen wir den nicht gerundeten Metrikwert sehen.

Jetzt haben alle diese Möglichkeit, wir haben es einfach zur Blase hinzugefügt, die beim Überfahren mit der Maus angezeigt wird.

Zweimal 2,5 Sekunden und es hat eine andere Farbe? Das Rätsel ist nun gelöst.

Es ist sehr nützlich, wenn Sie Änderungen der Metriken auf der Ebene von Dezimalstellen verfolgen (zwinker zwinker auf INP).

Damit behandeln wir auch Situationen, in denen Metrikwerte in der Tabelle gleich aussehen, aber unterschiedliche Farben haben, wie Sie auf dem Bild sehen.

Die Benutzeroberfläche ist jetzt etwas weniger „ikonisch“#

Am Anfang habe ich gesagt, dass es unsere Mission ist zu schulen. Das gilt auch für die Notwendigkeit, im Tester-Interface zu schulen. Nicht jeder kennt die Metriken, nicht jeder kennt den Unterschied zwischen CrUX und synthetischem Test. Geschwindigkeitsmessung ist einfach ziemlich kompliziert.

Deshalb ist die Benutzeroberfläche des Testers immer noch voller Hilfesymbole, aber dank der Einführung des Hilfebereichs sparen wir nun damit.

Diese kleine Verbesserung vereinfacht die Benutzeroberfläche:

Ein bisschen weniger Symbole, der Fokus bleibt auf den Daten.

Es ist also etwas einfacher und übersichtlicher. Dies ist die Richtung, in die wir weitergehen werden, um das UI weiter zu vereinfachen und den „normalen Sterblichen“ näher zu bringen.

Weitere kleinere und interne Aufgaben#

Wie alle Softwareentwickler haben wir natürlich auch Bugs gejagt und unser Umfeld so angepasst, dass wir gut arbeiten können:

Bugjagd#

• Bug: In der kostenlosen Version kann das Testdetail nicht geöffnet werden
• Bug: Notizen sind nicht in allen Diagrammen sichtbar
• Bug: In den Einstellungen verschwinden URL für Slack nach dem Speichern
• Bug: Kopieren der URL in die Zwischenablage funktioniert nicht
• Bug: Anker scrollen nicht zu den Diagrammen
• Bug: Jahreszeiten nach Wechsel von einem anderen Test
• Bug: CrUX für Domains mit minimalem Maßstab
• Bug: Werte, die sich im CrUX-Diagramm für Domains überlappen

Interne Aufgaben#

• Feinabstimmung des Fehlerfangens über Sentry
• Bug: Defekte atoms/Link-Komponente
• Bug: Test kann nicht zum Superadmin-Dashboard hinzugefügt werden
• Sammeln von 403-Fehlern während der Webtests
• Bug: Sentry SequelizeDatabaseError
• Code-Aufräumung
• Vereinfachung der Erstellung von PLUS-Tests
• Agenturblog: SEO aktiviert 😅

Wir freuen uns über jedes Feedback zum Geschwindigkeitstester und natürlich auch über Fehlerberichte. Schreiben Sie uns an info@pagespeed.cz oder einfach direkt im Chat in der App.

Und was werden wir jetzt tun?

Wir arbeiten bereits an Version 4.4.

Folgen Sie uns auf unseren sozialen Netzwerken: X.com, LinkedIn, Facebook.