Große Netzwerknutzlasten hängen eng mit langen Ladezeiten zusammen. Außerdem kosten sie Nutzer Geld. So müssen sie beispielsweise möglicherweise mehr für mobile Daten bezahlen. Wenn du also die Gesamtgröße der Netzwerkanfragen deiner Seite verringerst, wirkt sich das positiv auf die Nutzererfahrung auf deiner Website und auf ihr Wallet aus.
Gründe für den Fehler bei der Lighthouse-Netzwerknutzlastprüfung
Lighthouse zeigt die Gesamtgröße aller von Ihrer Seite angeforderten Ressourcen in Kibibyte (KiB) an. Die größten Anfragen werden zuerst angezeigt:
Basierend auf HTTP Archive-Daten liegt die mittlere Netzwerknutzlast zwischen 1.700 und 1.900 KiB. Um die größten Nutzlasten zu ermitteln, kennzeichnet Lighthouse Seiten, deren Netzwerkanfragen insgesamt 5.000 KiB überschreiten.
Nutzlastgröße reduzieren
Die Gesamtgröße in Byte sollte unter 1.600 KiB liegen. Dieses Ziel basiert auf der Datenmenge, die theoretisch über eine 3G-Verbindung heruntergeladen werden kann und bei der eine Time to Interactive von maximal 10 Sekunden erreicht wird.
So können Sie die Nutzlastgröße reduzieren:
- Anfragen verschieben, bis sie benötigt werden Eine mögliche Methode finden Sie im PRPL-Muster.
- Optimieren Sie Anfragen so, dass sie so klein wie möglich sind. Mögliche Methoden:
- Anfragen im Cache speichern, damit die Ressourcen bei wiederholten Besuchen nicht noch einmal heruntergeladen werden. Weitere Informationen zur Funktionsweise und Implementierung von Caching finden Sie auf der Landingpage zur Netzwerkzuverlässigkeit.
Stackspezifische Anleitung
Angular
Verwenden Sie die Codeaufteilung auf Routing-Ebene, um die Größe Ihrer JavaScript-Bundles zu reduzieren. Außerdem können Sie Assets mit dem Angular-Service-Worker vorab im Cache speichern lassen.
Drupal
Sie haben die Möglichkeit, responsive Bildstile (Responsive Image Styles) zu verwenden, um die Größe der auf Ihrer Seite geladenen Bilder zu reduzieren. Wenn Sie Views verwenden, um mehrere Inhaltselemente auf einer Seite anzuzeigen, können Sie mithilfe von Paginierung die Anzahl der auf einer bestimmten Seite eingeblendeten Inhaltselemente begrenzen.
Joomla
Erwäge, Auszüge in deinen Artikelkategorien anzuzeigen (eine beliebte Lösung ist der Link „Weitere Informationen“), die Anzahl der Artikel, die auf einer bestimmten Seite angezeigt werden, zu reduzieren, deine langen Beiträge auf mehrere Seiten aufzuteilen oder ein Plug-in zum Lazy Loading von Kommentaren zu verwenden.
WordPress
Du hast die Möglichkeit, Auszüge in deiner Beitragsliste einzublenden (z. B. über das Tag „Mehr“), die Anzahl der Beiträge auf einer Seite zu verringern, lange Beiträge auf mehrere Seiten aufzuteilen oder ein Plug-in für das Lazy Loading von Kommentaren zu verwenden.
Ressourcen
Quellcode für die Prüfung Sehr große Netzwerknutzlasten vermeiden