Textkomprimierung aktivieren

Textbasierte Ressourcen sollten komprimiert bereitgestellt werden, um die Gesamtzahl der Netzwerkbyte zu minimieren. Im Abschnitt „Empfehlungen“ des Lighthouse-Berichts werden alle textbasierten Ressourcen aufgeführt, die nicht komprimiert sind:

Screenshot der Prüfung der Textkomprimierung mit aktiviertem Lighthouse

So verarbeitet Lighthouse die Textkomprimierung

Lighthouse erfasst alle Antworten, die:

  • Sie müssen textbasierte Ressourcentypen haben.
  • Verwenden Sie keinen content-encoding-Header, der auf br, gzip oder deflate festgelegt ist.

Lighthouse komprimiert jede Datei 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 Einsparungen bei der Komprimierung weniger als 10% der ursprünglichen Größe betragen, markiert Lighthouse diese Antwort nicht in den Ergebnissen.

Aktivierung der Textkomprimierung auf Ihrem Server

Aktivieren Sie die Textkomprimierung auf den Servern, die diese Antworten bereitgestellt haben, um die Prüfung zu bestehen.

Wenn ein Browser eine Ressource anfordert, wird mit dem HTTP-Anfrageheader Accept-Encoding angegeben, welche Komprimierungsalgorithmen unterstützt werden.

Accept-Encoding: gzip, compress, br

Wenn der Browser Brotli (br) unterstützt, sollten Sie Brotli verwenden, da es die Dateigröße der Ressourcen stärker als die anderen Komprimierungsalgorithmen verringern kann. 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 außer Safari unter iOS unterstützt. Weitere Informationen finden Sie unter Browserkompatibilität.

Verwenden Sie GZIP als Fallback zu Brotli. GZIP wird in allen gängigen Browsern unterstützt, ist jedoch weniger effizient als Brotli. Beispiele finden Sie unter Serverkonfigurationen.

Ihr Server sollte den HTTP-Antwortheader Content-Encoding zurückgeben, um anzugeben, welcher Komprimierungsalgorithmus verwendet wurde.

Content-Encoding: br

Prüfen, ob eine Antwort in den Chrome-Entwicklertools komprimiert wurde

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).

[Kommentar]: <> (Die folgende Liste war ein Kurzcode von web.dev, wurde aber in keine andere Sprache übersetzt.) 1. Drücken Sie Control+Shift+J (oder Command+Option+J auf einem Mac), um die Entwicklertools zu öffnen. 2. Klicken Sie auf den Tab Network (Netzwerk). 3. Klicken Sie auf die Anfrage, die zu der gewünschten Antwort geführt hat. 4. Klicken Sie auf den Tab Headers. 5. Prüfen Sie den content-encoding-Header im Abschnitt Response Headers.

Antwortheader für die Inhaltscodierung
Der Antwortheader content-encoding.

So vergleichen Sie die komprimierten und dekomprimierten Größen einer Antwort:

[Kommentar]: <> (Die folgende Liste war ein Kurzcode von web.dev, wurde aber in keine andere Sprache übersetzt.) 1. Drücken Sie Control+Shift+J (oder Command+Option+J auf einem Mac), um die Entwicklertools zu öffnen. 2. Klicken Sie auf den Tab Network (Netzwerk). 3. Große Anfragezeilen aktivieren. Siehe Große Anfragezeilen verwenden. 4. Suchen Sie in der Spalte Größe nach der gewünschten Antwort. Der oberste Wert ist die komprimierte Größe. Der untere Wert ist die dekomprimierte Größe.

Siehe auch Netzwerknutzlasten reduzieren und komprimieren.

Stackspezifische Anleitung

Joomla

Aktivieren Sie unter System > Globale Konfiguration > Server die Einstellung für die Gzip-Seitenkomprimierung.

WordPress

Aktivieren Sie die Textkomprimierung in der Konfiguration Ihres Webservers.

Ressourcen