{"id":39140,"date":"2020-11-01T23:45:56","date_gmt":"2020-11-02T07:45:56","guid":{"rendered":"https:\/\/kinqsta.com\/?p=80014"},"modified":"2023-08-24T11:29:58","modified_gmt":"2023-08-24T10:29:58","slug":"gzip-komprimierung-aktivieren","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/de\/blog\/gzip-komprimierung-aktivieren\/","title":{"rendered":"Wie man die GZIP-Komprimierung aktiviert, um WordPress-Seiten zu beschleunigen"},"content":{"rendered":"

Der einfachste Weg, deine Webseite zu beschleunigen, ist es, alle unerw\u00fcnschten Ressourcen zu eliminieren<\/a>. Der zweitleichteste Weg, sie zu beschleunigen, ist, alle gew\u00fcnschten Ressourcen zu komprimieren. Die Aktivierung der GZIP-Komprimierung auf dem Webserver ist eine der einfachsten und effizientesten M\u00f6glichkeiten, dies zu erreichen.<\/p>\n

Alle modernen Browser enthalten standardm\u00e4\u00dfig Support f\u00fcr die GZIP-Komprimierung. Um deinen Benutzern die komprimierten Ressourcen ohne Probleme zur Verf\u00fcgung stellen zu k\u00f6nnen, musst du deinen Server jedoch richtig konfigurieren.<\/p>\n

In diesem Beitrag lernst du die Grundlagen der Datenkomprimierung im Web, was GZIP-Komprimierung ist, ihre verschiedenen Vorteile und wie du es nutzen kannst, um deine Webseiten auf verschiedenen Servern schneller zu machen.<\/p>\n

Aufgeregt? Lasst uns dekomprimieren!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Willst du lieber die Videoversion<\/a> sehen?<\/h3>\n<\/kinsta-video>\n\n

Die Grundlagen der Datenkompression im Web<\/h2>\n

Datenkompression im Web ist der Prozess der Verkleinerung der von Webseiten \u00fcbertragenen Daten. Abh\u00e4ngig vom Datentyp – Text, Bilder, Stylesheets, Skripte, Schriften – gibt es verschiedene M\u00f6glichkeiten, Daten zu komprimieren.<\/p>\n

\"Die
Die Hauptkomponenten einer Webseite<\/figcaption><\/figure>\n

Beispielsweise ist die Minimierung von HTML, CSS und JavaScript<\/a> eine einfache M\u00f6glichkeit, die von Browsern gesendete Datenmenge zu reduzieren. Dabei komprimiert der Minifier den Text, indem er unn\u00f6tige Zeichen wie Kommentare<\/a> und Whitespaces aus dem Quellcode entfernt.<\/p>\n

Im folgenden Beispiel eines einfachen HTML-Dokuments<\/a> gibt es drei Inhaltstypen: HTML-Auszeichnung, CSS-Stile<\/a> und JavaScript-Code.<\/p>\n

Jeder Inhaltstyp hat eine eindeutige Syntax und Semantik. Insgesamt hat dieses HTML-Dokument insgesamt 357 Zeichen.<\/p>\n

<html<\/strong>>\n<head<\/strong>>\n    <style<\/strong>>\n    \/* kinsta-banner is used on the homepage only *\/\n    .kinsta-banner { font-size: 150% }\n    .kinsta-banner { width: 75% }\n<\/style<\/strong>>\n<\/head<\/strong>>\n<body<\/strong>>\n    <!-- kinsta banner START -->\n    <div<\/strong>>...<\/div<\/strong>>\n    <!-- kinsta banner END -->\n    <script<\/strong>>\n    kinstaScripts(); \/\/ random scripts used on the page\n    <\/script<\/strong>>\n<\/body<\/strong>>\n<\/html<\/strong>><\/code><\/pre>\n
Der obige Code ist leicht zu lesen und zu befolgen. Er ist ideal f\u00fcr die Entwicklung. Es ist jedoch nicht notwendig, dass der Browser Kommentare liest und perfekt einger\u00fcckte Tags hat. Ein intelligenter Kompressor kann dieses Dokument analysieren und alle unn\u00f6tigen Bits aus ihm entfernen.<\/p>\n
<html<\/strong>><head<\/strong>><style<\/strong>>.kinsta-banner{font-size:150%;width:75%}<\/style<\/strong>><\/head<\/strong>><body<\/strong>><div<\/strong>>...<\/div<\/strong>><script<\/strong>>kinstaScripts();<\/script<\/strong>><\/body<\/strong>><\/html<\/strong>><\/code><\/pre>\n
Nach der Minifizierung reduziert sich das HTML-Dokument auf nur noch 141 Zeichen. Das entspricht einer Ersparnis von 60,50%<\/strong> bei der Anzahl der Zeichen. F\u00fcr die Augen ist es nicht so einfach, aber f\u00fcr den Browser spielt das keine Rolle. Es wird dem Benutzer immer noch die gleiche Seite angezeigt.<\/p>\n
Um die Vorteile beider Versionen zu nutzen, kannst du das Originaldokument als „Entwicklungsversion“ beibehalten, aber den gesamten Code minifizieren, bevor du es live schaltest.<\/p>\n
Die meisten WordPress-Performance-Plugins<\/a> erledigen das automatisch f\u00fcr dich.<\/p>\n
\"Dateigr\u00f6\u00dfenkompression
Dateigr\u00f6\u00dfenkompression von unkomprimierter vs minified jQuery<\/figcaption><\/figure>\n
Zum Beispiel ist die unkomprimierte Version der jQuery 3.5.1<\/strong> Bibliothek mehr als 3 mal gr\u00f6\u00dfer als die minifizierte Version derselben Datei.<\/p>\n
Ebenso k\u00f6nnen die gleichen Kompressionstechniken, wie oben beschrieben, auch andere Inhalte wie Bilder, Videos, Schriftarten und mehr optimieren. Inhaltsspezifische Reduktionen wie diese sind der erste Schritt zur Optimierung der Gr\u00f6\u00dfe der textbasierten Assets deiner Webseite.<\/p>\n
Diese offensichtlichen Vorteile sind der Grund, warum Kinsta eine Funktion zur Code-Minifizierung<\/a> in das MyKinsta Dashboard<\/a> aufgenommen hat. Kunden k\u00f6nnen w\u00e4hlen, ob sie ihre CSS- und JavaScript-Dateien automatisch verkleinern lassen wollen, um ihre Seiten ohne manuellen Aufwand zu beschleunigen.<\/p>\n
Aber Datenkompression ist mehr als nur eine Verkleinerung. Mit Hilfe von fortgeschrittenen mathematischen Techniken k\u00f6nnen Datenkompressionsalgorithmen die Gr\u00f6\u00dfe der Daten weiter reduzieren.<\/p>\n
Eines der beliebtesten Beispiele f\u00fcr eine solche Datenkompressionsmethode ist GZIP<\/strong>. Es erm\u00f6glicht eine effiziente Daten\u00fcbertragung und hat wesentlich dazu beigetragen, das Internet zu einem brauchbaren globalen Kommunikationsmedium zu machen.<\/p>\n
Was ist GZIP-Kompression?<\/h2>\n
GZIP, kurz f\u00fcr GNU Zip<\/strong>, ist die beliebteste verlustfreie Datenkompressionsmethode im Web. Es erlaubt es dir, die Gr\u00f6\u00dfe der HTML-Seiten, Stylesheets und Skripte deiner Webseite zu reduzieren.<\/p>\n
Abgesehen davon, dass GZIP ein Datenkompressionsalgorithmus ist, ist GZIP auch eine Dateierweiterung (.gz<\/strong>) und eine Software zum Komprimieren\/Dekomprimieren von Dateien.<\/p>\n
Es basiert auf dem DEFLATE-Algorithmus<\/a>, der eine Mischung aus LZ77-Kodierungs<\/a>– und Huffman-Kodierungsalgorithmen<\/a> ist.<\/p>\n
\"Die
Die GZIP-Komprimierung basiert auf dem DEFLATE-Algorithmus<\/figcaption><\/figure>\n
Ein GZIP-Kompressor nimmt einen Satz Rohdaten und komprimiert es verlustfrei. Die Rohdaten k\u00f6nnen von jedem Dateityp sein, aber GZIP funktioniert am besten mit textbasierten Assets (z.B. HTML, CSS, JS).<\/p>\n
Der n\u00e4chste Abschnitt befasst sich eingehend mit der Funktionsweise der GZIP-Komprimierung.<\/p>\n
Wie GZIP Daten komprimiert<\/h3>\n
\"Eine
Eine grobe Illustration, wie GZIP-Kompression funktioniert<\/figcaption><\/figure>\n
Zu Beginn l\u00e4sst der GZIP-Kompressor den LZ77-Kompressionsalgorithmus<\/a> auf den Rohdaten laufen, um Redundanzen zu entfernen. Dieser Algorithmus funktioniert, indem er wiederholte Muster in einem vordefinierten Schiebefenster (einem kleinen Ausschnitt der Rohdaten) findet.<\/p>\n
Es ersetzt dann alle wiederholten Strings durch Tupel, um die Rohdaten zu komprimieren.<\/p>\n
\"Eine
Eine Illustration des LZ77-Kodierungsalgorithmus<\/figcaption><\/figure>\n
In dem obigen Beispiel ist das Schiebefenster nur 13 Zeichen lang (13 Bytes). Die GZIP-Komprimierung kann jedoch eine maximale Sliding-Window-Gr\u00f6\u00dfe von 32 KB (32.768 Bytes) verwenden. Die Gr\u00f6\u00dfe des Schiebefensters spielt eine Schl\u00fcsselrolle f\u00fcr die Leistung der LZ77-Komprimierung.<\/p>\n
Nachdem die Rohdaten mit dem LZ77-Algorithmus komprimiert wurden, verwendet der GZIP-Komprimierer dann den Huffman-Kodierungsalgorithmus<\/a>, um es weiter zu komprimieren. Er tut dies, indem er h\u00e4ufiger vorkommenden Zeichen die geringste Anzahl Bits zuweist, w\u00e4hrend er seltenen Zeichen die h\u00f6chste Anzahl Bits zuweist.<\/p>\n
Diese Technik \u00e4hnelt der im Morsealphabet verwendeten, bei der Buchstaben, die in der englischen Sprache h\u00e4ufiger vorkommen, die k\u00fcrzeste Sequenz erhalten.<\/p>\n
Um zu verstehen, wie der Huffman-Kodieralgorithmus funktioniert, betrachte das Wort BOOKKEEPER<\/code><\/strong>. Es ist 10 Zeichen lang, aber es hat nur 6 eindeutige Zeichen. Dieses Wort hat einen guten Mix aus einfachen, doppelten und dreifachen Buchstaben.<\/p>\n
Fast alle Webseiten benutzen UTF-8 Zeichenkodierung<\/a>, um Buchstaben und Symbole darzustellen. Jedes ASCII-Zeichen<\/a> in UTF-8, zu dem auch das englische Alphabet geh\u00f6rt, verwendet 1 Byte (8 Bits).<\/p>\n
\"Das
Das Wort „BOOKKEEPER“ hat viele sich wiederholende Buchstaben<\/figcaption><\/figure>\n
Ein 10-Zeichen-String wie BOOKKEEPER<\/code><\/strong> ben\u00f6tigt 10 Bytes (80 Bit) Speicherplatz. Du kannst sehen, dass es 1 Instanz der Buchstaben B, P, R<\/code><\/strong>, 2 Instanzen der Buchstaben O<\/code><\/strong> und K<\/code><\/strong> und 3 Instanzen des Buchstabens E<\/code><\/strong> enth\u00e4lt.<\/p>\n
Der Huffman-Kodieralgorithmus nutzt dieses Wissen, um den String verlustfrei zu komprimieren. Er tut dies, indem er einen bin\u00e4ren Baum mit jedem einzelnen Buchstaben als Blatt erzeugt.<\/p>\n
Die Buchstaben mit der niedrigsten H\u00e4ufigkeit (z.B. B, P, R<\/strong>) befinden sich am unteren Ende des Baumes, w\u00e4hrend diejenigen, die h\u00e4ufig vorkommen (z.B. E, O, K<\/strong>), sich idealerweise an der Spitze des Baumes befinden.<\/p>\n
Der oberste Knoten im Baum ist die Wurzel<\/strong>, und sein Wert ist gleich der Gesamtzahl der Zeichen in der Zeichenkette.<\/p>\n
\"Huffman
Huffman Tree f\u00fcr das Wort „BOOKKEEPER“.<\/figcaption><\/figure>\n
Nachdem der Huffman-Baum generiert wurde, erhalten alle links- und rechtsverzweigten Pfeile die Zahlen 0<\/strong> bzw. 1<\/strong>. Du kannst dann den Huffman-Code f\u00fcr jedes beliebige Zeichen generieren, indem du den Pfad von Wurzel zu Blatt zur\u00fcckverfolgst und alle 0<\/strong> und 1<\/strong> miteinander verbindest.<\/p>\n
\"Huffman-Codes
Huffman-Codes sind einzigartige Bin\u00e4rcodes f\u00fcr jeden Charakter<\/figcaption><\/figure>\n
Du kannst feststellen, dass die Buchstaben mit der h\u00f6chsten H\u00e4ufigkeit Huffman-Codes mit den kleinsten Bitgr\u00f6\u00dfen haben.<\/p>\n
Hinweis:<\/strong> Der Huffman-Kodieralgorithmus kann alternative Bin\u00e4rcodes erzeugen, indem er eine andere Ordnungsstrategie f\u00fcr Zeichen mit den gleichen H\u00e4ufigkeiten verwendet. Die Gesamtgr\u00f6\u00dfe der kodierten Zeichenfolge bleibt jedoch gleich.<\/p>\n
\"Ein
Ein 80-Bit-Wort, kodiert als 25-Bit-Zeichenkette<\/figcaption><\/figure>\n
Das ist eine 68,75%<\/strong>ige Reduzierung des Speicherplatzes, der ben\u00f6tigt wird, um das Originalwort zu speichern.<\/p>\n
Die Verwendung des Huffman-Baums mit der 0\/1<\/strong>-Konvention erzeugt Bin\u00e4rcodes, die die Pr\u00e4fix-Eigenschaft<\/a> erf\u00fcllen. Es stellt sicher, dass der Huffman-Code eines bestimmten Zeichens kein Pr\u00e4fix des Codes eines anderen Zeichens ist, was es einfach macht, die kodierte Zeichenkette mit Hilfe des Huffman-Baums zu dekodieren. Dies spielt eine prim\u00e4re Rolle f\u00fcr die Dekompressionsgeschwindigkeit von GZIP.<\/p>\n
Genau wie bei dem Wort oben verwendet der GZIP-Kompressor den Huffman-Kodieralgorithmus, um die vom LZ77-Algorithmus erzeugten Tupel weiter zu optimieren. Das Ergebnis sind hochkomprimierte Dateien mit der Endung .gz<\/a>.<\/p>\n
Wenn du mehr dar\u00fcber erfahren m\u00f6chtest, wie GZIP funktioniert, schau dir dieses Video<\/a> f\u00fcr einen schnellen \u00dcberblick an.<\/p>\n
Wie gut ist die GZIP-Komprimierung?<\/h3>\n
Normalerweise erreicht GZIP eine Kompressionsrate von etwa 70% f\u00fcr kleine Dateien, aber es kann bis zu 90% f\u00fcr gr\u00f6\u00dfere textbasierte Assets erreichen.<\/p>\n
\"GZIP-Kompressionsraten
GZIP-Kompressionsraten f\u00fcr einige beliebte CSS- und JS-Bibliotheken<\/figcaption><\/figure>\n
In der obigen Tabelle kannst du sehen, dass das Komprimieren von Minidateien mit GZIP ihre Gr\u00f6\u00dfe weiter verringern kann.<\/p>\n
Hinweis:<\/strong> Du kannst jeden Dateityp mit GZIP komprimieren, aber f\u00fcr Assets, die bereits mit anderen Methoden komprimiert wurden (z.B. Bilder, Videos), wird es keine Ersparnis bringen. Manchmal kann es sogar die Dateigr\u00f6\u00dfe erh\u00f6hen.<\/p>\n
Die St\u00e4rke eines Kompressionsalgorithmus h\u00e4ngt nicht nur von seiner Kompressionsrate ab, sondern auch davon, wie schnell und effizient er Daten komprimieren und dekomprimieren kann. Das ist der Punkt, an dem sich GZIP f\u00fcr die meisten Anwendungsf\u00e4lle auszeichnet.<\/p>\n
Da GZIP mit Hilfe eines Streaming-Algorithmus schnell dekomprimiert wird, eignet es sich hervorragend f\u00fcr Webprotokolle, bei denen es auf Geschwindigkeit ankommt. Au\u00dferdem ben\u00f6tigt GZIP nur minimale Ressourcen, um Daten zu komprimieren und zu dekomprimieren, was es ideal f\u00fcr Server und Clients gleicherma\u00dfen macht.<\/p>\n
\"Kompressionsleistung
Kompressionsleistung von brotli vs. bzip2 vs. GZIP vs. xz (Quelle: OpenCPU)<\/figcaption><\/figure>\n
Die Diagramme oben vergleichen die Kompressionsleistung der Kompressionsalgorithmen brotli<\/strong>, bzip2, gzip<\/strong> und xz<\/strong>. GZIP verliert beim Test der Kompressionsrate leicht, aber bei den Kompressions- und Dekompressionsgeschwindigkeiten schl\u00e4gt es die Konkurrenz um L\u00e4ngen.<\/p>\n
Wenn wir uns den Kompressionsgeschwindigkeits-Graphen ansehen, k\u00f6nnen wir schlie\u00dfen, dass GZIP ideal f\u00fcr Echtzeit-Kompression in HTTP-Servern und anderen Datenstr\u00f6men im Web ist. In Anbetracht all seiner positiven Auswirkungen auf den Fortschritt des Webs hat die IETF GZIP<\/a> als eines der drei Standardformate f\u00fcr die Komprimierung in HTTP\/1.1 ratifiziert.<\/p>\n
Hinweis:<\/strong> Eine Abstraktion der Komprimierungsbibliothek von GZIP namens zlib<\/strong> wird in vielen g\u00e4ngigen Betriebssystemen (Linux, macOS, iOS) und modernen Spielkonsolen (PlayStation 4, Wii U, Xbox One) verwendet. Es wird auch im verlustfreien PNG-Dateiformat zum Komprimieren von Bildern verwendet.<\/p>\n
6 Vorteile der GZIP-Komprimierung<\/h2>\n
Schauen wir uns die wichtigsten Vorteile der GZIP-Komprimierung genauer an.<\/p>\n
Liefert ein anst\u00e4ndiges Kompressionsverh\u00e4ltnis<\/h3>\n
Wie bereits besprochen, hat GZIP im Vergleich zur Konkurrenz nicht die beste Kompressionsrate. Aber es ist auch nicht so weit davon entfernt. Normalerweise kann es dir helfen, die Gr\u00f6\u00dfe der textbasierten Ressourcen um 70-90% zu reduzieren.<\/p>\n
Superschnelle Komprimierung und Dekomprimierung<\/h3>\n
Bei der Geschwindigkeit der Datenkompression und -dekompression ist GZIP der klare Sieger. Es ist sehr w\u00fcnschenswert f\u00fcr die on-the-fly Kompression in HTTP-Servern und anderen Datenstr\u00f6men.<\/p>\n
Ben\u00f6tigt sehr wenig Speicher<\/h3>\n
GZIP hinterl\u00e4sst einen minimalen Speicherbedarf, wodurch es f\u00fcr Server und Systeme mit begrenzter Speicherkapazit\u00e4t geeignet ist. Daher wird es selbst von den billigsten Webhosting-Providern<\/a> unterst\u00fctzt.<\/p>\n
Erweitert sich selbst im schlimmsten Fall nicht stark.<\/h3>\n
Verlustfreie Datenkompressionsalgorithmen wie GZIP haben eine strenge Grenze, \u00fcber die hinaus sie keine Daten komprimieren k\u00f6nnen.<\/p>\n
Typischerweise passiert dies, wenn die Ressource bereits gut komprimiert ist, oder wenn sie winzig ist und der Overhead beim Hinzuf\u00fcgen des GZIP-W\u00f6rterbuchs h\u00f6her ist als die Kompressionsersparnis. Wir k\u00f6nnen dieses Ph\u00e4nomen auf ein Konzept namens Entropie-Kodierung<\/a> zur\u00fcckf\u00fchren. GZIP ist sehr widerstandsf\u00e4hig gegen diesen Effekt.<\/p>\n
Frei verwendbar und Open Source<\/h3>\n
GZIP wurde in erster Linie als freier Open-Source-Ersatz<\/a> f\u00fcr das patentierte Komprimierungsprogramm<\/strong> erstellt, das in den fr\u00fchen Unixsystemen verwendet wurde. Daher ist es nicht mit irgendwelchen Patenten belastet und kann von jedem frei verwendet werden.<\/p>\n
Genie\u00dft universellen Support<\/h3>\n
Laut W3Techs<\/a> wird die GZIP-Komprimierung von 82%<\/strong> aller Webseiten, die sie verfolgen, verwendet. Damit ist es der am weitesten verbreitete Kompressionsalgorithmus im Web.<\/p>\n
GZIP wird von fast allen Servern und Clients unterst\u00fctzt. Egal, auf welchem Server du deine Webseite hostet, du kannst sie beschleunigen, indem du GZIP auf ihr aktivierst.<\/p>\n
GZIP-Warnungen in den Website Speed Testing Tools<\/h2>\n
Neben der Minifizierung ist die Aktivierung von GZIP eine der einfachsten und effektivsten Geschwindigkeitsoptimierungen<\/a>, die du auf deiner Webseite implementieren kannst.<\/p>\n
Es ist auch eine der einfachsten M\u00f6glichkeiten, WordPress zu optimieren. Trotzdem benutzen viele WordPress Seiten es immer noch nicht.<\/p>\n
Wenn du eine Webseite besuchst, \u00fcberpr\u00fcft dein Browser, ob der Webserver GZIP aktiviert hat, indem er den content-encoding: gzip<\/code><\/strong> response header \u00fcberpr\u00fcft. Wenn der Header existiert, ruft es die komprimierten Dateien ab, dekomprimiert sie und serviert dir dann automatisch die kleineren Dateien.<\/p>\n
\"Der
Der „content-encoding: gzip“-Antwort-Header in den Chrome DevTools<\/figcaption><\/figure>\n
Wenn der Browser den GZIP-Response-Header nicht erkennt, l\u00e4dt es die unkomprimierten Dateien herunter. In den meisten F\u00e4llen kann der Unterschied in der Ladegeschwindigkeit der Seite mehrere Sekunden betragen. Wenn du also GZIP nicht aktiviert hast, wirst du in den Geschwindigkeitstesttools der Webseiten<\/a> Warnungen sehen.<\/p>\n
GZIP-Warnung in Google PageSpeed Insights \/ Lighthouse \/ Leuchtturm<\/h3>\n
Google PageSpeed Insights<\/a> gibt eine Warnung aus, wenn du auf deiner Webseite keine Textkompression aktiviert hast.<\/p>\n
Hinweis:<\/strong> Google PageSpeed Insights und Google Lighthouse waren zwei verschiedene Tools zum Testen der Leistung von Webseiten. Sie arbeiteten unabh\u00e4ngig voneinander bis 2018, als Google PageSpeed Insights aktualisiert hat, um Lighthouse<\/a> als Analyse-Engine zu verwenden. Daher sind PageSpeed Insights und Lighthouse jetzt ein und dasselbe.<\/p>\n
\"Warnung
Warnung „Textkompression aktivieren“ in Google PageSpeed Insights<\/figcaption><\/figure>\n
Auf der obigen Beispielseite kann die Komprimierung textbasierter Ressourcen das Seitengewicht um \u00fcber 78%<\/strong> reduzieren und die Ladezeit der Seite um 2,1 Sekunden<\/strong> verk\u00fcrzen.<\/p>\n
Hinweis:<\/strong> PageSpeed Insights verl\u00e4sst sich auf die Response-Header, die der Server an deinen Browser zur\u00fcckgibt. Manchmal kann es vorkommen, dass es eine falsche Warnung anzeigt, selbst wenn du GZIP-Komprimierung aktiviert hast. Es kann daran liegen, dass der Geschwindigkeitstest auf einem Rechner l\u00e4uft, der einen zwischengeschalteten Proxy-Server oder eine Sicherheitssoftware verwendet. Es kann sein, dass sie das Herunterladen komprimierter Dateien von externen Servern st\u00f6ren.<\/p>\n
GZIP-Warnung in GTmetrix<\/h3>\n
GTmetrix<\/a> zeigt eine Warnung an, wenn deine Webseite keine komprimierten textbasierten Ressourcen anbietet. Wie Google PageSpeed Insights zeigt es dir auch die m\u00f6glichen Einsparungen, die du erzielen kannst.<\/p>\n
\"\"Kompression
„Kompression aktivieren“-Warnung in GTmetrix<\/figcaption><\/figure>\n
Hinweis:<\/strong> GTmetrix aktualisiert gerade seinen Geschwindigkeitstest<\/a>-Algorithmus, um die alten PageSpeed Insights- und YSlow-Bibliotheken durch die neuesten Google-Lighthouse-Metriken<\/a> zu ersetzen. Du kannst davon ausgehen, dass seine GZIP-Komprimierungswarnung \u00e4hnlich der von Lighthouse sein wird.<\/p>\n
GZIP-Warnung in Pingdom Tools<\/h3>\n
Pingdom Tools<\/a> warnt eindringlich davor, die Bestandteile deiner Webseiten mit GZIP zu komprimieren.<\/p>\n
\"\"Komponenten
„Komponenten mit GZIP komprimieren“ Warnung in Pingdom Tools<\/figcaption><\/figure>\n
In der Beschreibungssektion gibt dir Pingdom Tools auch ein paar Statistiken \u00fcber die Wichtigkeit von GZIP. Coole Sache!<\/p>\n
GZIP-Warnung im WebPageTest<\/h3>\n
WebPageTest<\/a> zeigt eine Warnung im Reiter „Leistungs\u00fcberpr\u00fcfung<\/strong>“ an, wenn es feststellt, dass komprimierbare Responses nicht in der optimalsten Weise bedient werden.<\/p>\n
\"\"Benutze
„Benutze GZIP-Kompression“ Warnung in WebPageTest<\/figcaption><\/figure>\n
WebPageTest vergibt auch eine benotete Punktzahl, um zu zeigen, wie streng eine Warnung ist. Zum Beispiel bewertet es die obige Warnung mit 23 von 100 Punkten, was bedeutet, dass du es als Priorit\u00e4t beheben solltest.<\/p>\n
Wie pr\u00fcfe ich, ob die GZIP-Komprimierung aktiviert ist?<\/h2>\n
Der HTTP-Header Accept-Encoding: gzip, deflate<\/code><\/strong> wird von praktisch allen modernen Browsern unterst\u00fctzt<\/a>. Die meisten Hosts aktivieren die GZIP-Komprimierung (oder Brotli-Komprimierung<\/a>) standardm\u00e4\u00dfig auf allen ihren Servern.<\/p>\n
Wenn Webserver diesen von einem Browser gesendeten Header sehen, erkennen sie den Support des Browsers f\u00fcr GZIP und antworten mit einer komprimierten HTTP-Antwort unter Verwendung der content-encoding: gzip<\/strong><\/code>-Header.<\/p>\n
Aber wenn du einen anderen Hosting-Provider benutzt, oder wenn du einfach nur \u00fcberpr\u00fcfen m\u00f6chtest, ob deine Webseite GZIP-komprimierte Inhalte korrekt ausliefert, \u00fcberpr\u00fcfe immer, ob es aktiviert ist.<\/p>\n
Unten findest du ein paar einfache M\u00f6glichkeiten, wie du die GZIP-Komprimierung \u00fcberpr\u00fcfen kannst.<\/p>\n
<\/div><\/kinsta-auto-toc>\n
1. Online GZIP-Kompressionstest Tools<\/h3>\n
Die Verwendung eines Online-Tools ist der einfachste Weg, um zu \u00fcberpr\u00fcfen, ob die GZIP-Komprimierung auf deiner Webseite aktiviert ist. Ich empfehle die Verwendung der kostenlosen Tools Check GZIP Compression<\/a> oder HTTP Compression Test<\/a>. Gib einfach die URL<\/a> deiner Webseite ein und klicke auf den Check<\/strong>– oder Test<\/strong>-Button.<\/p>\n
Diese beiden Online-Tools zeigen dir einen kurzen Bericht dar\u00fcber an, ob GZIP aktiviert ist oder nicht und die Menge an Datentransfer, die du gespeichert hast (oder speichern kannst), indem du die Test-URL mit aktivierter GZIP-Komprimierung anbietest.<\/p>\n
Das erste Tool zeigt dir auch andere relevante Informationen, wie den Servertyp deiner Webseite, den Inhaltstyp und die Kompressionszeit.<\/p>\n
\"Testen
Testen von Kinsta’s Homepage mit dem Check GZIP Compression Tool<\/figcaption><\/figure>\n
Hinweis:<\/strong> Seit dem 5. November 2021 hat Kinsta f\u00fcr alle HTTPS-Anfragen auf Brotli-Kompression \u00fcber Cloudflare umgestellt. Du kannst die Brotli-Komprimierung testen, indem du in den Response-Headern einer Anfrage nach content-encoding: br<\/code> suchst.<\/p>\n
\"Testen
Testen von Kinsta.com mit dem HTTP-Kompressionstest Tool<\/figcaption><\/figure>\n
Du solltest beachten, dass die GZIP-Optimierung nicht nur auf deiner Webseite aufh\u00f6rt, sondern auch ihre statischen textbasierten Assets wie Stylesheets, Skripte und Schriftarten mit einbezieht. Wenn du ein CDN verwendest, um diese Assets bereitzustellen, dann musst du sicherstellen, dass das CDN diese Assets auch mit aktivierter GZIP-Komprimierung bereitstellt.<\/p>\n
Die meisten modernen CDNs<\/a> wie Cloudflare, Kinsta CDN<\/a>, KeyCDN und CloudFront unterst\u00fctzen GZIP-Kompression. Du kannst die Assets, die vom CDN f\u00fcr die GZIP-Komprimierung bereitgestellt werden, testen, indem du direkt auf die Assets linkst.<\/p>\n
\"GZIP-Kompressionstest
GZIP-Kompressionstest f\u00fcr Assets, die von einem CDN gehostet werden<\/figcaption><\/figure>\n
Im obigen Bericht kannst du sehen, dass Kinsta’s CDN die KeyCDN-Engine<\/a> verwendet, ein traditionelles Pull-CDN.<\/p>\n
Hinweis:<\/strong> Kinsta ist zu Cloudflare als CDN-Partner gewechselt, um die Seiten unserer Kunden schneller und sicherer zu machen. Mehr dazu kannst du hier lesen<\/a>.<\/p>\n
Wenn du deine Seite bei Kinsta hostest, brauchst du dich um die GZIP-Komprimierung nicht zu k\u00fcmmern, denn wir aktivieren standardm\u00e4\u00dfig die Brotli-Komprimierung – eine schnellere Alternative zur GZIP-Komprimierung<\/a>.<\/p>\n