Brotli vs. Gzip: Welche Komprimierung ist besser für WordPress?

Brotli vs. Gzip-Komprimierung? Finden Sie heraus, welches Komprimierungstool besser ist.

Wenn es um die Leistung von Websites geht, liegt die Messlatte hoch. Einer der Faktoren, die eine großartige Website ausmachen, ist ihre Geschwindigkeit. Heutzutage sind Websites mit Bildern, Videos und Skripten gefüllt, was bedeutet, dass sie mehr Zeit zum Laden benötigen.

Dennoch müssen Websitebesitzer, die wettbewerbsfähig bleiben wollen, langsam ladende Seiten vermeiden. Ihre Besucher verlassen Ihre Website, wenn sie auch nur ein paar zusätzliche Sekunden warten müssen. Um dies zu verhindern, sollten Sie die Ladezeit Ihrer Website reduzieren.

Eine Möglichkeit, die Geschwindigkeit Ihrer Website zu verbessern, ist die Datenkomprimierung. Diese Technik spart Speicherplatz und erhöht die Geschwindigkeit. In diesem Artikel erklären wir, was Datenkomprimierung ist. Wir werden auch zwei wichtige Komprimierungsalgorithmen vergleichen – Gzip und Brotli.

Inhalt:

• Was ist Datenkomprimierung?
• Brotli vs. Gzip-Komprimierung – Die Grundlagen
  • Gzip-Komprimierung
  • Brotli-Komprimierung
• Benchmark-Test für Brotli- und Gzip-Komprimierung
• So testen Sie Ihre Website auf Brotli und Gzip
• Aktivieren Sie die Brotli-Komprimierung in WordPress
• Fazit

Was ist Datenkomprimierung?

Bei der Datenkomprimierung werden Webdateien mithilfe eines Komprimierungsalgorithmus reduziert . Die Komprimierung kann entweder verlustbehaftet oder verlustfrei sein. Bei verlustbehafteter Komprimierung kann sich die Datenqualität verringern. Die verlustfreie Komprimierung reduziert die Größe von Webdateien, ohne deren Qualität zu beeinträchtigen.

Aus diesem Grund ist die Komprimierung wichtig; Wenn Sie eine URL in Ihren Webbrowser eingeben, sendet dieser eine Anfrage an den Webserver. Der Server ist für das Abrufen und Anzeigen der Daten in Webbrowsern verantwortlich.

Nach Erhalt der Anfrage müssen die Dateien innerhalb weniger Sekunden heruntergeladen und angezeigt werden. Wenn eine Website länger als 3 bis 5 Sekunden zum Laden benötigt, erhöht sich die Absprungrate. Je mehr Daten gesendet werden müssen, desto länger dauert das Laden der Seite.

Die Datenkomprimierung versucht, dieses Problem zu beseitigen, indem die Größe der Website-Dateien reduziert wird. Infolgedessen verwendet Ihre Website weniger Bits und lädt schneller. Viele Webbrowser akzeptieren einen oder zwei der beliebtesten Komprimierungsalgorithmen – Brotli und Gzip.

Brotli vs. Gzip-Komprimierung – Die Grundlagen

Hier ist eine kurze Einführung in beide Komprimierungswerkzeuge.

Gzip-Komprimierung

Gzip ist eine Komprimierungssoftware, die verwendet wird, um die Größe von Webdateien zu reduzieren. Die Software wurde am 31. Oktober 1992 veröffentlicht und basiert auf dem DEFLATE-Algorithmus. Dieses Format erkennt und entfernt doppelte Zeichen aus Webdateien. Es ist eine verlustfreie Datenkomprimierung, die den LZ77-Algorithmus und den Huffman-Codierungsalgorithmus kombiniert.

Der LZ77-Algorithmus erkennt wiederholte Daten und ersetzt sie durch Tupel, um die Rohdaten zu komprimieren. Um die Daten weiter zu komprimieren, weist der Huffman-Codierungsalgorithmus wiederkehrenden Zeichen die geringste Anzahl von Bits zu. Dann haben die seltenen/einzigartigen Zeichen die höchste Anzahl von Bits.

Gzip wurde als Allzweck-Komprimierungsbibliothek entwickelt. Es nimmt Daten in ihrer Rohform und komprimiert sie verlustfrei. Die wichtigsten Webbrowser unterstützen Gzip, und viele Hosting-Anbieter bieten es an, sodass Ihre Website es wahrscheinlich bereits verwendet.

Brotli-Komprimierung

Dies ist ein weiterer beliebter Datenkomprimierungsalgorithmus. Brotli wurde 2013 von Software-Ingenieuren bei Google entwickelt und entwickelt sich schnell zur weltweit am weitesten verbreiteten Komprimierungsmethode. Das ist keine Überraschung; Im Gegensatz zu Gzip wurde Brotli entwickelt, um Streams zu komprimieren, was es zu einer besseren Wahl für Webserver macht.

Darüber hinaus ist Brotli universell und verlustfrei. Dadurch kann jede Art von Datei effizient komprimiert werden, ohne dass Informationen verloren gehen. Brotli wird mit einer breiten Palette an Unterstützung geliefert und kann kostenlos verwendet werden.

Benchmark-Test – Brotli vs. Gzip-Komprimierung

Hier ist die große Frage: Was ist besser, Brotli oder Gzip? Um dies zu beantworten, sollten Sie verstehen, was die Komprimierung mit sich bringt, nämlich das Verhältnis und die Geschwindigkeit.

Das Komprimierungsverhältnis beschreibt den Unterschied zwischen einer Datei vor und nach der Komprimierung. Andererseits bezieht sich die Komprimierungsgeschwindigkeit auf die Zeit, die zum Komprimieren oder Dekomprimieren einer Datei benötigt wird. Vergleichen wir anhand dieser Informationen Gzip und Brotli.

Gzip kann Website-Dateien um bis zu 80 % reduzieren. Diese Rate ist beeindruckend, aber andere Tools wie Brotli haben eine bessere Komprimierungsrate. Das Benchmarking von Brotli gegen Gzip ergab folgende Ergebnisse:

• 21 % kleinere HTML-Dateien als Gzip
• 17 % kleinere CSS-Dateien als Gzip
• 14 % kleinere JavaScript-Dateien als Gzip

Sie könnten versucht sein, aufgrund dieser Daten zu dem Schluss zu kommen, dass Brotli besser ist. Während Brotli besser komprimiert, hat es seinen Preis. Brotli braucht im Vergleich zu Gzip länger zum Komprimieren und Geschwindigkeit ist auch eine wichtige Metrik.

Während Brotli ein besseres Komprimierungsverhältnis hat, übernimmt Gzip die Führung in Bezug auf die Komprimierungsgeschwindigkeit.

Außerdem haben beide Komprimierungstools unterschiedliche Komprimierungsstufen. Die Pegel wirken sich direkt auf das Kompressionsverhältnis und die Geschwindigkeit aus.

Durch Erhöhen der Komprimierungsstufe wird das Komprimierungsverhältnis erhöht. Dies verlangsamt jedoch den gesamten Prozess. Wenn Sie also eine höhere Komprimierungsgeschwindigkeit benötigen, müssen Sie den Pegel reduzieren, mit dem Sie komprimieren. Dies funktioniert umgekehrt.

In Sachen Popularität und Nutzerzahlen liegt Gzip an der Spitze. Brotli wurde erst 2013 erstellt, während Gzip seit 1992 existiert. Obwohl Brotli relativ neu ist, wächst es schnell und entwickelt sich zu einem Standard für Hosting-Anbieter.

So testen Sie Ihre Website auf Brotli- und Gzip-Komprimierung

Es gibt zwei Möglichkeiten, um zu überprüfen, ob Ihre Webseite Komprimierungsalgorithmen verwendet. Wir werden beides besprechen.

Verwenden Sie ein Online-Tool

Dies ist der einfachste Weg, um zu überprüfen, ob Ihre WordPress-Website Gzip- oder Brotli-fähig ist. Für dieses Tutorial verwenden wir Komprimierungstest-Tools von giftofspeed.com. Dieses Tool ist einfach zu bedienen und bietet auch zusätzliche Informationen zu Ihrer Website.

Geben Sie zunächst die URL Ihrer Website in das dafür vorgesehene Textfeld ein und klicken Sie dann daneben auf die Schaltfläche URL testen . Sie erhalten das Ergebnis fast sofort. So einfach ist es.

Verwenden des Entwicklertools Ihres Browsers – Brotli vs. Gzip

Eine andere Möglichkeit, Ihre Website zu testen, besteht darin, die Entwicklertools Ihres Webbrowsers zu verwenden. Für dieses Tutorial verwenden wir Chrome, aber es funktioniert auch mit anderen gängigen Browsern.

Rufen Sie zunächst die Website auf, die Sie testen möchten, klicken Sie dann mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Inspect aus .

Klicken Sie im Entwicklermenü auf die Registerkarte Netzwerk . Hier sehen Sie verschiedene Metriken über die Seite, die Sie gerade ansehen. Wenn nichts angezeigt wird, müssen Sie die Seite möglicherweise neu laden.

Scrollen Sie als Nächstes nach oben zum ersten Eintrag mit Ihrem Domainnamen und klicken Sie darauf. Wechseln Sie danach auf die Registerkarte Kopfzeilen . Scrollen Sie nach unten zum Abschnitt „Response Headers“ und suchen Sie den Header „Content-Encoding“. Wenn Sie „br“ sehen, bedeutet dies, dass Brotli auf der Website aktiv ist.

Andernfalls, wenn Sie „gzip“ sehen, bedeutet dies, dass die Gzip-Komprimierung auf Ihrer Website aktiv ist.

Aktivieren Sie die Brotli- oder Gzip-Komprimierung auf WordPress-Websites

Es gibt drei Möglichkeiten, die Datenkomprimierung in WordPress zu aktivieren. Sie können den Algorithmus manuell auf Ihrem Server installieren, wenn Sie Administratorzugriff auf das Control Panel haben. Dieser Ansatz erfordert jedoch etwas Programmiererfahrung.

Alternativ können Sie es über Ihr Hosting-Dashboard aktivieren (sofern Ihr Host es unterstützt). Ein WordPress-Plugin kann auch verwendet werden, um es für Ihre Website zu aktivieren.

Bevor wir beginnen, müssen Sie Ihre Website sichern, damit Sie im Falle eines Fehlers eine Version wiederherstellen können. Allerdings gibt es hier zwei Möglichkeiten, die Datenkomprimierung in WordPress zu aktivieren.

Verwenden Sie ein WordPress-Caching-Plugin

WordPress hat viele Plugins, mit denen Sie Ihrer Website Caching-Funktionen hinzufügen können. Allerdings lassen dich nicht alle Caching-Plugins die Brotli-Komprimierung aktivieren, recherchiere also sorgfältig, welches Plugin du verwenden wirst.

Für dieses Tutorial verwenden wir das W3 Total Cache-Plugin. Um dieses Plugin zu installieren, gehen Sie zu Plugins >> Neu hinzufügen . Geben Sie in der Suchleiste den Namen des Plug-ins ein und klicken Sie dann neben dem Plug-in-Namen auf Jetzt installieren . Die Schaltfläche ändert sich nach Abschluss der Installation in „Aktivieren“. Klicken Sie darauf, um das Plugin zu aktivieren. Sie können unseren Artikel über die Installation eines WordPress-Plugins lesen.

Gehen Sie nach der Installation zu Leistung >> Browser-Cache , um die Einstellungsseite des Plugins zu öffnen.

Suchen Sie auf der Registerkarte „Allgemein“ den Abschnitt „Datenkomprimierung“. Die Komprimierung wird standardmäßig auf Gzip eingestellt. Wenn Sie die gzip-Komprimierung bevorzugen, können Sie die Einstellungen so belassen, wie sie sind. Andernfalls müssen Sie es deaktivieren und das Kontrollkästchen neben „HTTP (brotli)-Komprimierung aktivieren“ aktivieren.

Scrollen Sie danach nach unten und klicken Sie auf Save all settings & Purge Cache .

In ähnlicher Weise sollten auch CSS- und JS-, HTML- und XML- sowie Mediendateien so eingestellt werden, dass sie komprimiert werden.

Über das Menü können Sie zum gewünschten Abschnitt navigieren. Nachdem Sie einen Komprimierungsalgorithmus ausgewählt haben, klicken Sie auf die Schaltfläche Änderungen speichern und Cache leeren.

Unterstützender Webhost

Ein Webhost, der standardmäßig Datenkomprimierung anbietet, ist eine weitere einfache Möglichkeit, den Algorithmus zu aktivieren. Wenden Sie sich an Ihren Hosting-Provider, um zu erfahren, ob er Komprimierung anbietet, und teilen Sie ihm die gewünschte Komprimierungsstufe mit.

Wenn Ihr Webhost keine Datenkomprimierung anbietet, können Sie die obige Plugin-Methode verwenden. Andernfalls müssen Sie möglicherweise Ihr Webhosting aktualisieren. In unserem Test finden Sie die besten WordPress-Hosting-Anbieter.

Wenn Ihre Website das Cloudflare CDN verwendet, können Sie Brotli ganz einfach für Ihre Website aktivieren. Melden Sie sich dazu über das Cloudflare-Dashboard beim Konto Ihrer Website an. Gehen Sie als Nächstes zur Registerkarte Geschwindigkeit und wählen Sie Optimierung aus. Dort können Sie den Brotli-Schalter auf Ein umschalten.

Jetzt verwendet Ihre WordPress-Website Brotli, um die Komprimierung zu handhaben.

Randnotiz: Sie müssen Ihre Website mit Cloudflare verbinden, bevor Sie das Komprimierungstool verwenden können. Wir haben eine detaillierte Anleitung zur Integration von Cloudflare mit WordPress .

Fazit – Brotli vs. Gzip

Letztendlich hilft die Komprimierung Ihrer WordPress-Site, schneller zu laden, da sie die Dateigröße reduziert. Sowohl Gzip als auch Brotli helfen dabei, die Dateien Ihrer Website zu komprimieren.

Während Gzip älter und bekannt ist, komprimiert Brotli besser. Es erfordert jedoch auch etwas mehr Zeit zum Komprimieren als Gzip. Trotzdem ist Brotli moderner und würde meistens bessere Ergebnisse liefern.

Letztendlich ist es Ihr Ziel, Ihren Benutzern das beste Erlebnis auf Ihrer Website zu bieten, unabhängig davon, welches Tool Sie verwenden. Daher können Sie beide Algorithmen für die individuellen Anforderungen Ihrer Website testen und jeweils einen Geschwindigkeitstest durchführen.

Weitere Tipps zur Website-Optimierung finden Sie in unserem Leitfaden zur Geschwindigkeitsoptimierung. Sehen Sie sich auch den Rest unseres Blogs für andere WordPress-Tutorials an.