Große Netzwerknutzlasten stehen in engem Zusammenhang mit langen Ladezeiten. Sie kosten Nutzer auch Geld, beispielsweise müssen sie für mehr mobile Daten bezahlen. Wenn Sie die Gesamtgröße der Netzwerkanfragen Ihrer Seite reduzieren, wirkt sich dies positiv auf die Nutzerfreundlichkeit Ihrer Website und auf ihre Wallets aus.
So schlägt die Prüfung der Lighthouse-Netzwerknutzlast fehl
Lighthouse zeigt die Gesamtgröße aller von Ihrer Seite angeforderten Ressourcen in Kibibyte (KiB) an. Die größten Anfragen werden zuerst aufgeführt:
![Screenshot der Lighthouse-Prüfung „Rennige Netzwerknutzlasten vermeiden“](https://developer.chrome.com/static/docs/lighthouse/performance/total-byte-weight/image/a-screenshot-the-lightho-5edd6e4e68e25.png?authuser=6&hl=de)
Basierend auf HTTP-Archivdaten liegt der Medianwert der Netzwerknutzlast zwischen 1.700 und 1.900 KiB. Um die höchsten Nutzlasten anzuzeigen, markiert Lighthouse Seiten,deren Netzwerkanfragen insgesamt 5.000 KiB überschreiten.
Nutzlastgröße reduzieren
Versuchen Sie,die Gesamtbytegröße unter 1.600 KiB zu halten. Dieses Ziel basiert auf der Datenmenge, die theoretisch über eine 3G-Verbindung heruntergeladen werden kann, wobei noch eine Zeit bis Interaktivität von 10 Sekunden oder weniger erreicht wird.
So können Sie die Nutzlastgröße gering halten:
- Anfragen verschieben, bis sie benötigt werden. Einen möglichen Ansatz finden Sie im PRPL-Muster.
- Optimieren Sie die Anfragen so klein wie möglich. Mögliche Methoden:
- Speichern Sie Anfragen im Cache, damit die Seite die Ressourcen bei wiederholten Besuchen nicht noch einmal herunterlädt. Informationen zur Funktionsweise und Implementierung des Cachings finden Sie auf der Landingpage zur Netzwerkzuverlässigkeit.
Stackspezifische Anleitung
Angular
Verwenden Sie die Codeaufteilung auf Routingebene, um die Größe Ihrer JavaScript-Bundles zu minimieren. Erwägen Sie auch, Assets mit dem Angular-Service-Worker vorab im Cache zu speichern.
Drupal
Sie können responsive Bildstile verwenden, um die Größe der auf Ihrer Seite geladenen Bilder zu reduzieren. Wenn Sie Ansichten verwenden, um mehrere Inhaltselemente auf einer Seite anzuzeigen, können Sie die Paginierung implementieren, um die Anzahl der Inhaltselemente, die auf einer Seite angezeigt werden, zu begrenzen.
Joomla
Du könntest Auszüge in deinen Artikelkategorien zeigen (eine beliebte Lösung ist der Link „Weiterlesen“), die Anzahl der Artikel auf einer Seite reduzieren, deine langen Beiträge auf mehrere Seiten aufteilen oder ein Plug-in für das Lazy Loading von Kommentaren verwenden.
WordPress
Sie können Auszüge in Ihren Beitragslisten anzeigen lassen (das Tag "Mehr" verwenden), die Anzahl der Beiträge auf einer bestimmten Seite reduzieren, lange Beiträge auf mehrere Seiten aufteilen oder ein Plug-in für das Lazy Loading von Kommentaren verwenden.
Ressourcen
Quellcode für die Prüfung Vermeiden enorme Netzwerknutzlasten