Logo David Burdelak
Słownik · Web development

Co to jest Brotli?

Ostatnia aktualizacja:

Brotli i gzip to algorytmy kompresji, które zmniejszają rozmiar plików tekstowych (HTML, CSS, JavaScript) przesyłanych z serwera do przeglądarki. Mniejsze pliki oznaczają krótsze ładowanie.

Brotli czy gzip?

Brotli zwykle osiąga mniejsze rozmiary niż gzip przy podobnej szybkości dekompresji, ale wymaga HTTPS i wsparcia po stronie serwera. Gzip jest obsługiwany praktycznie wszędzie, więc często stosuje się oba: Brotli dla nowoczesnych przeglądarek, gzip jako zapas.

Co kompresować?

Pliki tekstowe i SVG. Obrazy JPEG, PNG, WebP i AVIF są już skompresowane, więc dodatkowa kompresja niewiele daje.

Brotli opracował Google, a poziom kompresji ustawia się kosztem czasu, dlatego pliki statyczne najlepiej kompresować z góry na wysokim poziomie, a dynamiczne odpowiedzi na niskim.

Jak włączyć Brotli?

W Nginx potrzebny jest moduł ngx_brotli, w Apache moduł mod_brotli, a wiele CDN-ów, w tym Cloudflare, włącza kompresję automatycznie. Ustaw typy plików do kompresji (HTML, CSS, JS, SVG, JSON) i kompresuj z wyprzedzeniem pliki statyczne. Po wdrożeniu zmierz zmianę rozmiaru w zakładce Sieć i porównaj TTFB, bo zbyt wysoki poziom dla treści dynamicznych może opóźniać odpowiedź.

Jak sprawdzić, czy kompresja działa?

Otwórz zakładkę Sieć w narzędziach deweloperskich i sprawdź nagłówek odpowiedzi Content-Encoding (br lub gzip).

Rozwiązanie to często działa w parze z siecią dostarczania treści, dlatego jego ustawienia łączą się z tym, jak wygląda konfiguracja CDN.

Zobacz w praktyce

Powiązane pojęcia

Wszystkie hasła z kategorii Web development