Textkomprimierung aktivieren

Textbasierte Ressourcen sollten komprimiert werden, um das gesamte Netzwerk zu minimieren. Bytes. Im Abschnitt „Empfehlungen“ Ihres Lighthouse-Berichts werden alle textbasierten Ressourcen, die nicht komprimiert sind:

Screenshot der Prüfung „Lighthouse-Textkomprimierung aktivieren“

So handhabt Lighthouse die Textkomprimierung

Lighthouse erfasst alle Antworten, die:

  • Sie haben textbasierte Ressourcentypen.
  • Geben Sie keinen content-encoding-Header an, der auf br, gzip oder deflate.

Lighthouse komprimiert diese Daten GZIP, um das Potenzial von sparen.

Wenn die ursprüngliche Größe einer Antwort kleiner als 1, 4 KiB ist oder der Wert mögliche Komprimierungseinsparungen auf weniger als 10% der Originalgröße liegen, Diese Antwort wird von Lighthouse in den Ergebnissen nicht gekennzeichnet.

Textkomprimierung auf dem Server aktivieren

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

Wenn ein Browser eine Ressource anfordert, verwendet er den Parameter Accept-Encoding HTTP-Anfrageheader, der angibt, welche Komprimierungsalgorithmen unterstützt werden.

Accept-Encoding: gzip, compress, br

Wenn der Browser Brotli unterstützt (br) sollten Sie Brotli verwenden, da dadurch die Dateigröße der Ressourcen anderen Komprimierungsalgorithmen. Suche nach how to enable Brotli compression in <X>, wobei <X> ist der Name Ihres Servers. Seit Dezember 2022 wird Brotli in allen gängigen Browsern unterstützt, mit Ausnahme von Safari unter iOS. Weitere Informationen finden Sie unter Browserkompatibilität .

Verwenden Sie GZIP als Fallback für Brotli. GZIP wird in allen gängigen Browsern unterstützt. aber weniger effizient ist als Brotli. Weitere Informationen finden Sie unter Serverkonfigurationen. .

Ihr Server sollte die Content-Encoding HTTP-Antwortheader, der angibt, 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).

  1. Drücken Sie Strg + Umschalttaste + J (oder Befehlstaste + Wahltaste + J auf einem Mac), um die Entwicklertools zu öffnen.
  2. Klicken Sie auf den Tab Netzwerk.
  3. Klicken Sie auf die Anfrage, die zu der Antwort geführt hat, die Sie interessiert.
  4. Klicken Sie auf den Tab Headers (Header).
  5. Prüfen Sie den content-encoding-Header im Abschnitt Response Headers (Antwortheader).
<ph type="x-smartling-placeholder">
</ph> Der Antwortheader für die Inhaltscodierung <ph type="x-smartling-placeholder">
</ph> Der Antwortheader content-encoding.

So vergleichen Sie die komprimierte und dekomprimierte Größe einer Antwort:

  1. Drücken Sie Strg + Umschalttaste + J (oder Befehlstaste + Wahltaste + J auf einem Mac), um die Entwicklertools zu öffnen.
  2. Klicken Sie auf den Tab Netzwerk.
  3. Große Anfragezeilen aktivieren. Siehe Große Anfragezeilen verwenden.
  4. Suchen Sie in der Spalte Größe nach der gewünschten Antwort. Die top value ist die komprimierte Größe. Der untere Wert ist die dekomprimierte Größe.

Siehe auch Netzwerknutzlasten reduzieren und komprimieren.

Stack-spezifische Anleitung

  • Joomla: Aktivieren Sie die Gzip-Seitenkomprimierungseinstellung (System > Globale Konfiguration > Server).
  • WordPress: Aktivieren Sie die Textkomprimierung in der Webserverkonfiguration.

Ressourcen