Gzip und Brotli aktivieren: Komprimierung für deine Website

Warum das wichtig ist

Text lässt sich hervorragend packen. HTML, CSS und JavaScript bestehen aus immer gleichen Wörtern und Tags, und genau solche Wiederholungen fassen gzip und Brotli zusammen. Ein HTML-Dokument mit 120 KB kommt gepackt oft mit 25 bis 30 KB beim Besucher an.

Der Browser entpackt die Dateien in Sekundenbruchteilen. Das spürt vor allem, wer mobil mit schwachem Netz unterwegs ist. Weil es nur eine Einstellung ist und nichts kostet, werten wir fehlende Komprimierung als Fehler.

Brotli ist der jüngere Standard und packt Text meist noch ein Stück kleiner als gzip. Alle aktuellen Browser können beides, Brotli fordern sie allerdings nur über HTTPS an. Bietet dein Server Brotli an, nutz es und lass gzip als Rückfall an.

So prüfst du es selbst

Bei jedem kostenlosen Check liest checkfrei den Header Content-Encoding der Antwort. Steht dort gzip oder br (Brotli), ist alles gut. Fehlt die Komprimierung, ist es ein Fehler.

Im Browser: F12, Tab Netzwerk, Seite neu laden, auf die erste Zeile klicken und unter den Antwort-Headern (Response Headers) nach content-encoding suchen. Mit curl musst du ausdrücklich nach Komprimierung fragen, sonst schickt der Server ungepackt. Unter Windows ersetzt du /dev/null durch NUL und grep -i durch findstr /i.

Schau dir auch eine CSS- und eine JavaScript-Datei an. Manche Server packen nur HTML.

curl -s -o /dev/null -D - -H "Accept-Encoding: br, gzip" https://deine-domain.de | grep -i content-encoding

So behebst du es

Bei vielen Hostern ist die Komprimierung längst an. Wenn nicht, such im Kundenmenü nach einem Schalter (oft unter Performance oder Server-Einstellungen) oder frag den Support. Nutzt du Cloudflare, komprimiert Cloudflare die Antworten an deine Besucher ohnehin. Bei Shopify, Wix und Jimdo kümmert sich die Plattform darum.

<IfModule mod_deflate.c>
  <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml
    AddOutputFilterByType DEFLATE text/javascript application/javascript application/json
    AddOutputFilterByType DEFLATE application/xml application/rss+xml image/svg+xml
  </IfModule>
</IfModule>

gzip on;
gzip_vary on;
gzip_comp_level 5;
gzip_min_length 256;
gzip_proxied any;
gzip_types text/plain text/css text/xml text/javascript application/javascript application/json application/xml image/svg+xml;

# nur mit installiertem Modul ngx_brotli
brotli on;
brotli_comp_level 5;
brotli_types text/plain text/css text/xml text/javascript application/javascript application/json application/xml image/svg+xml;

Typische Fehler

• ·Bilder mitkomprimieren. JPG, PNG, WebP und Videos sind schon gepackt. Ein zweites Mal bringt nichts außer Serverlast, sie gehören nicht in die Liste der Dateitypen.
• ·Die höchste Stufe wählen. Stufe 9 bei gzip oder 11 bei Brotli kostet bei jeder Anfrage spürbar Rechenzeit und spart kaum noch etwas. Für Seiten, die bei jedem Aufruf neu entstehen, sind mittlere Stufen um 5 der bessere Kompromiss.
• ·`Vary: Accept-Encoding` vergessen. Ohne diesen Header kann ein Zwischenspeicher die gepackte Fassung an einen Client geben, der sie nicht versteht. In nginx erledigt das gzip_vary on, mod_deflate setzt ihn selbst.