Włącz kompresję tekstu

Zasoby tekstowe powinny być kompresowane, aby zminimalizować łączną liczbę bajtów sieciowych. Sekcja Możliwości w raporcie Lighthouse zawiera wszystkie zasoby tekstowe, które nie są skompresowane:

Zrzut ekranu pokazujący kontrolę kompresji tekstu w Lighthouse

Jak Lighthouse obsługuje kompresję tekstu

Lighthouse gromadzi wszystkie odpowiedzi, które:

  • mieć tekstowe typy zasobów.
  • Nie dodawaj nagłówka content-encoding z ustawieniem br, gzip ani deflate.

Następnie kompresuje każdy z nich za pomocą narzędzia GZIP, aby obliczyć potencjalne oszczędności.

Jeśli oryginalny rozmiar odpowiedzi jest mniejszy niż 1, 4 KiB lub potencjalna oszczędność kompresji jest mniejsza niż 10% rozmiaru oryginalnego, Lighthouse nie oznaczy tej odpowiedzi w wynikach.

Jak włączyć kompresję tekstu na serwerze

Włącz kompresję tekstu na serwerach, które obsługują te odpowiedzi, aby przejść tę kontrolę.

Gdy przeglądarka wysyła żądanie udostępnienia zasobu, używa nagłówka żądania HTTP Accept-Encoding, aby wskazać obsługiwane algorytmy kompresji.

Accept-Encoding: gzip, compress, br

Jeśli przeglądarka obsługuje Brotli (br), zalecamy użycie formatu Brotli, ponieważ może to zmniejszyć rozmiar pliku zasobów niż inne algorytmy kompresji. Wyszukaj how to enable Brotli compression in <X>, gdzie <X> to nazwa serwera. Od grudnia 2022 roku Brotli jest obsługiwane we wszystkich najpopularniejszych przeglądarkach z wyjątkiem Safari na iOS. Aktualizacje znajdziesz w artykule Zgodność z przeglądarką.

Używać GZIP jako opcji zastępczej dla Brotli. GZIP działa we wszystkich popularnych przeglądarkach, ale jest mniej wydajny niż Brotli. Przykłady znajdziesz w artykule Konfiguracje serwerów.

Serwer powinien zwracać nagłówek odpowiedzi HTTP Content-Encoding, aby wskazać użyty algorytm kompresji.

Content-Encoding: br

Sprawdzanie, czy odpowiedź została skompresowana w Narzędziach deweloperskich w Chrome

Aby sprawdzić, czy serwer skompresował odpowiedź:

Naciśnij Control+Shift+J (lub Command+Option+J na Macu), aby otworzyć Narzędzia deweloperskie. Kliknij kartę „Sieć”.

[comment]: <> (Poniższa lista zawiera krótki kod z web.dev, ale nie został przetłumaczony z języka angielskiego w żadnym języku). 1. Naciśnij Control+Shift+J (lub Command+Option+J na Macu), aby otworzyć Narzędzia deweloperskie. 2. Kliknij kartę Network (Sieć). 3. Kliknij żądanie, które spowodowało odpowiedź, która Cię interesuje. 4. Kliknij kartę Nagłówki. 5. Sprawdź nagłówek content-encoding w sekcji Nagłówki odpowiedzi.

Nagłówek odpowiedzi z kodowaniem treści
Nagłówek odpowiedzi content-encoding.

Aby porównać rozmiary skompresowanego i zdekompresowanego odpowiedzi:

[comment]: <> (Poniższa lista zawiera krótki kod z web.dev, ale nie został przetłumaczony z języka angielskiego w żadnym języku). 1. Naciśnij Control+Shift+J (lub Command+Option+J na Macu), aby otworzyć Narzędzia deweloperskie. 2. Kliknij kartę Network (Sieć). 3. Włącz duże wiersze żądań. Zobacz Używanie dużych wierszy żądań. 4. W kolumnie Rozmiar poszukaj odpowiedniej odpowiedzi. Górna wartość to rozmiar po skompresowaniu. Dolna wartość to rozmiar po zdekompresowaniu.

Zobacz też Minifikowanie i kompresowanie ładunków sieciowych.

Wskazówki dotyczące stosu

Joomla

Włącz ustawienie System > Konfiguracja globalna > Serwer.

WordPress

Włącz kompresję tekstu w konfiguracji serwera WWW.

Zasoby