Textbasierte Ressourcen sollten komprimiert werden, um die Gesamtzahl der Netzwerkbyte zu minimieren. Im Abschnitt „Empfehlungen“ Ihres Lighthouse-Berichts werden alle textbasierten Ressourcen aufgeführt, die nicht komprimiert sind:
So handhabt Lighthouse die Textkomprimierung
Lighthouse erfasst alle Antworten, die
- Sie haben textbasierte Ressourcentypen.
- Geben Sie keinen
content-encoding-Header an, der aufbr,gzipoderdeflatefestgelegt ist.
Lighthouse komprimiert diese dann mit GZIP, um die potenziellen Einsparungen zu berechnen.
Wenn die ursprüngliche Größe einer Antwort kleiner als 1, 4 KiB ist oder die potenziellen Komprimierungseinsparungen weniger als 10% der ursprünglichen Größe betragen, markiert Lighthouse diese Antwort nicht in den Ergebnissen.
Textkomprimierung auf dem Server aktivieren
Aktivieren Sie die Textkomprimierung auf den Servern, die diese Antworten gesendet haben, um diese Prüfung zu bestehen.
Wenn ein Browser eine Ressource anfordert, gibt er mit dem HTTP-Anfrageheader Accept-Encoding an, welche Komprimierungsalgorithmen er unterstützt.
Accept-Encoding: gzip, compress, br
Wenn der Browser Brotli (br) unterstützt, sollten Sie Brotli verwenden, da damit die Dateigröße der Ressourcen stärker reduziert werden kann als mit den anderen Komprimierungsalgorithmen. Suchen Sie nach how to enable Brotli compression in <X>, wobei <X> der Name Ihres Servers ist. Seit Dezember 2022 wird Brotli in allen gängigen Browsern unterstützt, mit Ausnahme von Safari auf iOS. Aktuelle Informationen finden Sie unter Browserkompatibilität.
Verwenden Sie GZIP als Fallback für Brotli. GZIP wird in allen gängigen Browsern unterstützt, ist aber weniger effizient als Brotli. Beispiele finden Sie unter Serverkonfigurationen.
Der Server sollte den HTTP-Antwortheader Content-Encoding zurückgeben, um anzugeben, welcher Komprimierungsalgorithmus verwendet wurde.
Content-Encoding: br
Antwortkomprimierung prüfen
So prüfen Sie, ob ein Server eine Antwort komprimiert hat:
Drücken Sie Control+Shift+J (oder Command+Option+J auf einem Mac), um die Entwicklertools zu öffnen.
Klicken Sie auf die Registerkarte "Network" (Netzwerk).
- Drücken Sie Strg + Umschalttaste + J (oder Befehlstaste + Optionstaste + J auf einem Mac), um die DevTools zu öffnen.
- Klicken Sie auf den Tab Netzwerk.
- Klicken Sie auf die Anfrage, die die gewünschte Antwort verursacht hat.
- Klicken Sie auf den Tab Headers (Header).
- Prüfen Sie den
content-encoding-Header im Abschnitt Antwortheader.
content-encoding-Antwortheader.
So vergleichen Sie die komprimierte und die dekomprimierte Größe einer Antwort:
- Drücken Sie Strg + Umschalttaste + J (oder Befehlstaste + Optionstaste + J auf einem Mac), um die DevTools zu öffnen.
- Klicken Sie auf den Tab Netzwerk.
- Aktivieren Sie große Anfragezeilen. Weitere Informationen finden Sie unter Große Anfragezeilen verwenden.
- Suchen Sie in der Spalte Größe nach der gewünschten Antwort. Der höchste Wert ist die komprimierte Größe. Der untere Wert ist die Größe nach Dekomprimierung.
Siehe auch Netzwerknutzlasten minimieren und komprimieren.
Stack-spezifische Anleitung
- Drupal: Textbasierte Ressourcen sollten komprimiert (gzip, deflate oder Brotli) ausgeliefert werden, um die Netzwerkbytes insgesamt zu minimieren. Sie können ein CDN verwenden, das dies nativ unterstützt, oder den Webserver so konfigurieren, dass dieser Vorgang ausgeführt wird. Weitere Informationen
- Joomla: Aktivieren Sie die Einstellung „Gzip-Seitenkomprimierung“ (System > Globale Konfiguration > Server).
- WordPress: Aktivieren Sie die Textkomprimierung in der Webserverkonfiguration.