Włącz kompresję tekstu

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

Zrzut ekranu pokazujący włączanie kontroli kompresji tekstu w Lighthouse

Jak Lighthouse obsługuje kompresję tekstu

Lighthouse zbiera wszystkie odpowiedzi, które:

  • mieć typy zasobów tekstowych.
  • Nie używaj nagłówka content-encoding ustawionego na br, gzip lub deflate.

Następnie Lighthouse kompresuje je za pomocą GZIP, aby obliczyć potencjalne oszczędności.

Jeśli pierwotny rozmiar odpowiedzi to mniej niż 1, 4 KiB lub jeśli potencjalne oszczędności w zakresie kompresji są mniejsze niż 10% pierwotnego rozmiaru, Lighthouse nie oznacza tej odpowiedzi w wynikach.

Włącz kompresję tekstu na serwerze

Aby przejść tę kontrolę, włącz kompresję tekstu na serwerach udostępniających te odpowiedzi.

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

Accept-Encoding: gzip, compress, br

Jeśli przeglądarka obsługuje Brotli (br), skorzystaj z narzędzia Brotli, ponieważ może ono zmniejszyć rozmiar pliku zasobów bardziej niż inne algorytmy kompresji. Wyszukaj how to enable Brotli compression in <X>, gdzie <X> to nazwa Twojego serwera. Od grudnia 2022 r. przeglądarka Brotli jest obsługiwana we wszystkich najpopularniejszych przeglądarkach oprócz Safari na iOS. Informacje o aktualizacjach znajdziesz w artykule Zgodność z przeglądarką.

Użyj GZIP jako kreacji zastępczej dla Brotli. GZIP działa we wszystkich popularnych przeglądarkach, ale jest mniej wydajny od przeglądarki Brotli. Zapoznaj się z przykładami w sekcji Konfiguracje serwerów.

Serwer powinien zwrócić nagłówek odpowiedzi HTTP Content-Encoding, by wskazać, jakiego algorytmu kompresji użył.

Content-Encoding: br

Sprawdź kompresję odpowiedzi

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ć.

  1. Naciśnij Control + Shift + J (lub Command + Option + J na Macu), aby otworzyć Narzędzia deweloperskie.
  2. Kliknij kartę Sieć.
  3. Kliknij prośbę, która dała Ci odpowiedź, która Cię interesuje.
  4. Kliknij kartę Nagłówki.
  5. Sprawdź nagłówek content-encoding w sekcji Nagłówki odpowiedzi.
Nagłówek odpowiedzi kodowania treści
Nagłówek odpowiedzi content-encoding.

Aby porównać rozmiary skompresowanej i zdekompresowanej odpowiedzi:

  1. Naciśnij Control + Shift + J (lub Command + Option + J na Macu), aby otworzyć Narzędzia deweloperskie.
  2. Kliknij kartę Sieć.
  3. Włącz duże wiersze żądań. Zobacz Używanie dużych wierszy żądań.
  4. Sprawdź kolumnę Rozmiar, aby znaleźć interesującą Cię odpowiedź. Najważniejszą wartością jest rozmiar skompresowanego pliku. Dolna wartość to rozmiar po zdekompresowaniu.

Przeczytaj też artykuł o minifikowaniu i kompresowaniu ładunków sieciowych.

Wskazówki dotyczące stosu

  • Joomla: włącz ustawienie Kompresja stron Gzip (System > Konfiguracja globalna > Serwer).
  • WordPress: włącz kompresję tekstu w konfiguracji serwera WWW.

Zasoby