Włącz kompresję tekstu

Zasoby tekstowe powinny być kompresowane w celu zminimalizowania całkowitej ilości danych w sieci B. Sekcja Możliwości w raporcie Lighthouse zawiera listę wszystkich zasobów, 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 uwzględniaj nagłówka content-encoding ustawionego na br, gzip lub deflate

Lighthouse następnie kompresuje każdy z nich za pomocą GZIP do obliczania potencjału, oszczędności.

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

Włącz kompresję tekstu na serwerze

Włącz kompresję tekstu na serwerach udostępniających te odpowiedzi, aby zaliczy ten audyt.

Gdy przeglądarka poprosi o zasób, użyje funkcji Accept-Encoding Nagłówek żądania HTTP wskazujący obsługiwane algorytmy kompresji.

Accept-Encoding: gzip, compress, br

Jeśli przeglądarka obsługuje Brotli (br) należy używać formatu Brotli, ponieważ może on zmniejszyć rozmiar pliku zasobów bardziej niż innych algorytmów kompresji. Wyszukaj hasło 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. Zobacz Zgodność z przeglądarką .

Użyj GZIP jako kreacji zastępczej dla Brotli. GZIP działa we wszystkich popularnych przeglądarkach, ale jest mniej efektywna niż Brotli. Zapoznaj się z informacjami na temat konfiguracji serwerów. .

Serwer powinien zwrócić błąd Content-Encoding Nagłówek odpowiedzi HTTP wskazujący użyty algorytm kompresji.

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ź. główną wartością jest rozmiar skompresowany. Najniższa wartość to dane po zdekompresowaniu. rozmiaru.

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