Gzip i Brotli - kompresja, która przyspiesza stronę za darmo

Kompresja HTTP potrafi zmniejszyć przesyłany HTML i CSS o 70-90% - i na dobrym hostingu jest jednym przełącznikiem. Czym różni się Brotli od Gzip, jak sprawdzić, czy działa, i co kompresować.

O co chodzi w kompresji HTTP

Zanim serwer wyśle przeglądarce HTML, CSS czy skrypt, może go spakować - jak ZIP, tylko w locie. Przeglądarka rozpakowuje po swojej stronie. Tekstowe pliki kompresują się znakomicie: typowy HTML chudnie o 70-85%, CSS i JS podobnie. Mniej bajtów = szybszy transfer, szczególnie na telefonach - a kosztuje to jeden nagłówek. To najtańsza optymalizacja w całym katalogu z pillara Szybka strona WWW.

Gzip kontra Brotli

  • Gzip - weteran wspierany przez wszystko, co żyje; solidny punkt odniesienia,
  • Brotli - nowszy algorytm od Google: pliki wychodzą zwykle o kilkanaście-20% mniejsze niż po Gzipie przy statycznych zasobach; wspierany przez wszystkie współczesne przeglądarki,
  • serwery negocjują automatycznie: przeglądarka mówi, co rozumie (nagłówek Accept-Encoding), serwer wybiera najlepsze - więc włączenie Brotli niczego nie psuje starym klientom, bo Gzip zostaje jako zapas.

Na LiteSpeed (nasz standard) Brotli jest dostępny od ręki; to jeden z powodów, dla których w testach wygrywa z klasycznym Apache - więcej w tekście o technologiach hostingu.

Co kompresować, a czego nie

  • TAK: HTML, CSS, JavaScript, SVG, JSON/XML (API!), czcionki w starych formatach,
  • NIE: JPG, PNG, WebP, MP4, PDF, ZIP - są już skompresowane; ponowna kompresja pali CPU i potrafi wręcz powiększyć plik. Obrazy odchudza się inaczej - WebP i spółka,
  • WOFF2 (nowoczesne czcionki) ma kompresję wbudowaną - zostaw w spokoju.

Jak sprawdzić, czy Twoja strona kompresuje

  1. Narzędzia deweloperskie przeglądarki (F12) → Sieć → kliknij dokument → nagłówek odpowiedzi content-encoding: wartość br (Brotli) albo gzip = działa; brak nagłówka = nie działa.
  2. Porównaj kolumny „rozmiar przesłany" vs „rozmiar zasobu" - różnica to zysk z kompresji.
  3. PageSpeed wytknie brak wprost („Włącz kompresję tekstu") - jak czytać raport: przewodnik po PSI.

Jak włączyć

  • Na naszym hostingu: nic nie robisz - kompresja (z Brotli) jest włączona serwerowo dla typów tekstowych,
  • wtyczki cache (np. LiteSpeed Cache) mają przełącznik kompresji - upewnij się, że nie dublują pracy serwera,
  • Apache bez dostępu do konfiguracji: mod_deflate przez .htaccess (dyrektywy AddOutputFilterByType dla text/html, text/css, application/javascript),
  • uwaga na podwójną kompresję - jeśli CDN też kompresuje, niech robi to jedna warstwa.

Ile to daje w praktyce

Przykład z naszych wdrożeń: HTML strony głównej 96 KB → 14 KB po Brotli; arkusz CSS motywu 340 KB → 42 KB. Na LTE to różnica odczuwalna gołym okiem, a serwer przy okazji wypycha kilkukrotnie mniej danych. Za darmo. Sprawdź swoją stronę testem szybkości - pokazujemy wagę strony przed i po kompresji.

Powiązane poradniki

Powiązane usługi McProdukt

Zobacz również