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:
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 nabr
,gzip
lubdeflate
.
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ć.
- Naciśnij Control + Shift + J (lub Command + Option + J na Macu), aby otworzyć Narzędzia deweloperskie.
- Kliknij kartę Sieć.
- Kliknij prośbę, która dała Ci odpowiedź, która Cię interesuje.
- Kliknij kartę Nagłówki.
- Sprawdź nagłówek
content-encoding
w sekcji Nagłówki odpowiedzi.
Aby porównać rozmiary skompresowanej i zdekompresowanej odpowiedzi:
- Naciśnij Control + Shift + J (lub Command + Option + J na Macu), aby otworzyć Narzędzia deweloperskie.
- Kliknij kartę Sieć.
- Włącz duże wiersze żądań. Zobacz Używanie dużych wierszy żądań.
- 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.