Da die Seitengeschwindigkeit im Laufe der Jahre zu einer wichtigen Messgröße sowohl für SEO als auch für UX geworden ist, ist das Konzept einer Web-Performance-Budget ist ebenfalls in den Vordergrund gerückt. Es ist jetzt deutlicher, dass die Web-Performance ein Thema ist, das eine gemeinsame Perspektive aller Abteilungen erfordert, anstatt nur die Priorität einer einzelnen Abteilung oder Einzelperson zu sein.
Um dies anhand eines Beispiels zu erklären: Marketingabteilungen möchten möglicherweise Konvertierungs- und Remarketing-/Retargeting-Codes, zusammen mit Tools wie Criteo und RTB House, die produktbasiertes Retargeting verwenden. Sie erwarten möglicherweise auch auffällige Fotos und Animationen. In der Zwischenzeit können Produktabteilungen die Integration von Tools wie Hotjar und Clarity. Softwareabteilungen hingegen streben eine möglichst schnelle Entwicklung sowohl im Frontend als auch im Backend an. Die Anforderungen und die mit diesen Anforderungen an die Seitengeschwindigkeit verbundenen Kosten halten sich tatsächlich die Waage. Das Web-Performance-Budget wurde entwickelt, um dieses Gleichgewicht effektiv herzustellen.
Bei einem Web-Performance-Budget wird eine Zielgeschwindigkeit für Ihre Plattform auf einer bestimmten Plattform festgelegt und numerische Ziele festgelegt, an die sich alle Beteiligten halten müssen, um diese Geschwindigkeit zu erreichen. Kurz gesagt: Der Preis für Geschwindigkeit ist das Web-Performance-Budget.
Alles beginnt mit einem Vorschlag. Sie schlagen vor, wie schnell Ihre Seite bei einem bestimmten Verbindungstyp geöffnet werden soll. Einige Vorschläge für das Leistungsbudget könnten beispielsweise sein:
- Kann die Homepage geöffnet werden in unter 2 Sekunden bei einer schnellen 3G-Mobilfunkverbindung (1.6 Mbit/s)?
- Kann die Suchergebnisseite geöffnet werden in unter 5 Sekunden bei einer langsamen 3G-Verbindung (780 Kbps)?
Als Nächstes erstellen Sie einen Aktionsplan und Untermetriken zur Erreichung dieser Ziele und zerlegen ihn in Teile.
Neben Vorschlägen können auch andere Leistungsbudgetziele vorhanden sein. Zum Beispiel:
- Ausbau des mobilen Leuchtturms Bewertung der Detailseite über 80
- Reduzieren der Größe aller Bilder auf der Desktop-Site auf unter 500 KB
Leistungsbudgetmetriken
Zur Bestimmung der Kennzahlen eines Leistungsbudgets werden drei unterschiedliche Perspektiven akzeptiert:
Zahlenbasierte Metriken
- Maximale Anzahl Schriftarten / Maximale Schriftgröße
- Maximale Bildanzahl / Maximale Bildgröße
- Maximale Anzahl von Skripten, Stilen, Videos usw. / Maximale Größe von Skripten, Stilen, Videos usw.
- Maximale HTML-Größe
- Maximale Anzahl an HTTP-Anfragen
- Maximale Anzahl von Drittanbieter-Skripten
Zeitbasierte Metriken
- Erste Contentful Paint (FCP)-Zeit
- Größte Contentful Paint (LCP)-Zeit
- Erste Eingangsverzögerungszeit (FID)
- Zeit bis zur Interaktivität (TTI)
- Gesamtblockierungszeit (TBT)
- Kumulativer Layout Shift (CLS)-Score
- Geschwindigkeitsindex-Punktzahl
Regelbasierte Metriken
- Leuchtturm-Score
- GTmetrix-Wertung
- Webseitentest-Ergebnis
- Yslow-Punktzahl
Bei der Festlegung Ihres Web-Performance-Budgets empfiehlt es sich im Allgemeinen, alle diese Perspektiven im richtigen Maß zu kombinieren, anstatt nur eine auszuwählen. Sie können verwenden der Performance-Budget-Simulator um die Zahlen zu finden, die Sie benötigen, um Ihre Zielgeschwindigkeit zu erreichen.
Seitentypen separat auswerten
Ein entscheidender Punkt bei der Ermittlung des Leistungsbudgets ist, es nicht auf einer einzelnen Seite der Site zu basieren. Ein häufiger Fehler besteht darin, nur die Homepage zu testen, was zu einer unvollständigen Bewertung führt.
Sie sollten zunächst die Plattform untersuchen und verschiedene Seitentypen identifizieren. Analysieren Sie dann den Datenverkehr der Plattform, um die Seiten mit dem meisten Datenverkehr zu identifizieren und diese zu priorisieren. Das Ergebnis ist eine Tabelle ähnlich dieser:
- Startseite
- Statische Listenseiten
- Dynamische Listenseiten
- Detailseiten
- Checkout-Seiten
- Suchergebnisseiten
- Kampagnenseiten
- Blogseiten
Sie müssen sich konzentrieren auf die Leistungsbudgets dieser Seitentypen separat, basierend auf den Prioritäten.
