Jestem zajęty sprawdzaniem, jak mój serwer działa z gzipem. Jestem pewien, że teraz gzip jest włączony, ponieważ chrome pokazuje kodowanie zawartości: nagłówek gzip.
Czy istnieje prosty sposób, aby sprawdzić, jak bardzo plik został skompresowany w narzędziach dla programistów Chrome?
Odpowiedzi:
Zaktualizowana odpowiedź na rok 2017 : Tak.
Kolumna rozmiaru na karcie Sieć w Narzędziach Chrome dla programistów ma zarówno rozmiar skompresowany, jak i nieskompresowany, dla gzip, brotli i wszystkiego, co będzie w przyszłości. Na przykład:
Tutaj rozmiar skompresowany wynosi 242 KB, rozmiar nieskompresowany wynosi 1,1 MB
Aby zobaczyć oba, upewnij się, że Devtools pokazują duże wiersze żądań . Jest to pierwsza ikona w opcjach „Widok” na pasku narzędzi sieci.
Zdecydowanie najłatwiejszą metodą jest użycie narzędzia online. GIDZipTest pokazuje wiele szczegółów: rozmiar oryginału, rozmiar skompresowany i procent kompresji.
Jest to jednak możliwe w Chrome przy odrobinie wysiłku. (Zaktualizowany do najnowszego Chrome, wrzesień 2011 r.)
W Narzędziach programisty przejdź do karty „Sieć” i ponownie załaduj stronę. Zobaczysz listę wszystkich plików pobranych w lewej kolumnie. Kliknij odpowiednią stronę / plik po lewej, a następnie kartę „Nagłówki” w prawym okienku.
W „Nagłówkach odpowiedzi” powinieneś zobaczyć „Content-Encoding: gzip”, a następnie nagłówek „Content-Length”. Jest to rozmiar skompresowanej zawartości.
Znalezienie nieskompresowanego rozmiaru jest trudniejsze. Jeśli podajesz pliki statyczne, możesz po prostu sprawdzić ich rozmiar. W przypadku treści dynamicznych musisz skopiować i wkleić kod HTML do edytora tekstowego i zapisać go, aby sprawdzić dokładny rozmiar.
Aktualizacja na 2017 rok
Podczas korzystania z dużych ikon narzędzia deweloperów chrome wyświetlają przed i po kompresji rozmiar na kartach sieciowych.
Potwierdziłem to poprzez wyłączenie i włączenie gzip na moim serwerze internetowym.
Słyszałem, że ten w chrome jest wadliwy z powodu błędu w zestawie internetowym.
Powolne Plugin Y dla firefox robi wielką pracę. Po uruchomieniu przejdź do karty Składniki i rozwiń typ składnika, dla którego chcesz uzyskać wartości. Wyświetli oryginalny rozmiar i rozmiar gzip.
To nie jest narzędzie specjalnie dla Chrome, ale używam Fiddlera podczas sprawdzania ruchu HTTP / informacji nagłówka. To świetne narzędzie, działa na dowolnej przeglądarce i jest bezpłatne!
Dla każdego, kto wciąż tu przyjeżdża z ogólnej wyszukiwarki Google (tak jak ja), we współczesnych wersjach Firefoksa można zobaczyć rozmiar „raw” i gzip bezpośrednio z jego devtools, porównując kolumnę „Przeniesiony rozmiar” i kolumnę „Rozmiar”. „Rozmiar” to pierwotny rozmiar odpowiedzi, „Rozmiar przeniesiony” to rzeczywisty rozmiar danych przesłanych do odpowiedzi, który może być mniejszy niż rzeczywisty rozmiar w przypadku gzip, jak na poniższym obrazie, lub nawet 0 w sprawa została buforowana w kliencie.
Content-Lengthnagłówkiem.