Lighthouse meldet, wie viele Netzwerkanfragen gestellt wurden und wie viele Daten beim Laden der Seite übertragen wurden:
- Zur Berechnung der Werte für Anfragen und Übertragungsgröße in der Zeile Gesamt werden die Werte für die Zeilen Bild, Skript, Schriftart, Stylesheet, Sonstige, Dokument und Medien addiert.
- Die Spalte Drittanbieter wird in den Werten der Zeile Gesamt nicht berücksichtigt. Damit möchten wir Sie darüber informieren, wie viele der Anfragen insgesamt von Drittanbieterdomains stammen und wie viel davon insgesamt übertragen wurde. Die Drittanbieteranfragen können eine Kombination aus beliebigen anderen Ressourcentypen sein.
Anzahl der Ressourcen und Übertragungsgrößen reduzieren
Die Auswirkungen einer hohen Anzahl von Ressourcen oder einer großen Übertragungsgröße auf die Lastleistung hängen vom angeforderten Ressourcentyp ab.
CSS und JavaScript
Anfragen für CSS- und JavaScript-Dateien blockieren das Rendering standardmäßig. Mit anderen Worten: Browser können erst dann Inhalte auf dem Bildschirm rendern, wenn alle CSS- und JavaScript-Anfragen abgeschlossen sind. Wenn eine dieser Dateien auf einem langsamen Server gehostet wird, kann dieser einzelne langsame Server den gesamten Renderingprozess verzögern. Unter JavaScript optimieren, Drittanbieterressourcen optimieren und CSS optimieren erfahren Sie, wie Sie nur den Code senden, den Sie tatsächlich benötigen.
Betroffene Messwerte: Alle
Bilder
Anfragen für Bilder blockieren das Rendering nicht wie CSS und JavaScript, können sich aber dennoch negativ auf die Ladeleistung auswirken. Ein häufiges Problem tritt auf, wenn ein mobiler Nutzer eine Seite lädt und sieht, dass der Ladevorgang der Bilder bereits begonnen hat, es aber eine Weile dauert, bis der Vorgang abgeschlossen ist. Unter Bilder optimieren erfahren Sie, wie Sie Bilder schneller laden.
Betroffene Messwerte: First Contentful Paint, First Meaningful Paint, Speed Index
Schriftarten
Ineffizientes Laden von Schriftartdateien kann dazu führen, dass Text während des Seitenaufbaus unsichtbar wird. Unter Schriftarten optimieren erfahren Sie, wie Sie eine Standardschriftart verwenden, die auf dem Gerät des Nutzers verfügbar ist, und nach dem Download zu Ihrer benutzerdefinierten Schriftart wechseln.
Betroffene Messwerte: First Contentful Paint
Dokumente
Wenn Ihre HTML-Datei groß ist, benötigt der Browser mehr Zeit für das Parsen des HTML-Codes und das Erstellen der DOM-Baumstruktur aus dem geparsten HTML-Code.
Betroffene Messwerte: First Contentful Paint
Medien
Animierte GIF-Dateien sind oft sehr groß. Weitere Informationen zum schnelleren Laden von Animationen finden Sie unter GIFs durch Videos ersetzen.
Betroffene Messwerte: First Contentful Paint
Leistungsbudgets verwenden, um Regressionen zu verhindern
Nachdem Sie Ihren Code optimiert haben, um die Anzahl der Anfragen und Übertragungsgrößen zu reduzieren, lesen Sie unter Leistungsbudgets festlegen nach, wie Sie Regressionen verhindern können.