Есть ли простой способ увидеть количество компрессии в Chrome?

Я занимаюсь проверкой того, как мой веб-сервер делает gzip. Теперь я уверен, что gzip включен, поскольку chrome показывает кодировку содержимого: gzip.

Есть ли простой способ увидеть, насколько сжат файл в инструментах разработчика Chrome?

21 голос | спросил Peter Smit 29 +04002010-10-29T15:07:55+04:00312010bEurope/MoscowFri, 29 Oct 2010 15:07:55 +0400 2010, 15:07:55

7 ответов


15

Обновленный ответ для 2017 : Да.

Столбец размера на вкладке «Сеть» в Инструментах разработчика Chrome имеет сжатый и несжатый размер для gzip, brotli и того, что приходит в будущем. Например:

Здесь сжатый размер составляет 242 КБ, несжатый размер - 1,1 МБ

Чтобы убедиться в том, что у вас есть Devtools, показывающий большие строки запроса . Это первый значок в параметрах «Просмотр» на панели инструментов, специфичной для сетей.

ответил mikemaccana 31 MarpmFri, 31 Mar 2017 13:44:58 +03002017-03-31T13:44:58+03:0001 2017, 13:44:58
16

Самым простым способом является использование онлайн-инструмента. GIDZipTest показывает вам много деталей: размер оригинала, сжатый размер и процент сжатия.


Однако, это возможно в Chrome с небольшим усилием. (Обновлено для последних версий Chrome, сентябрь 2011 г.)

В Инструментах разработчика перейдите на вкладку «Сеть» и перезагрузите страницу. Вы увидите список всех файлов, извлеченных в левом столбце. Нажмите соответствующую страницу /файл слева, затем вкладку «Заголовки» на правой панели.

В разделе «Заголовки ответов» вы должны увидеть «Content-Encoding: gzip», за которым следует заголовок «Content-Length». Это размер сжатого содержимого.

Найти несжатый размер сложнее. Если вы обслуживаете статические файлы, вы можете просто проверить его размер. Для динамического контента вам придется скопировать-вставить HTML в текстовый редактор и сохранить его, чтобы проверить точный размер.

ответил DisgruntledGoat 29 +04002010-10-29T18:07:46+04:00312010bEurope/MoscowFri, 29 Oct 2010 18:07:46 +0400 2010, 18:07:46
4

Другой способ сделать это - cURL:

curl -i -H "Accept-Encoding: gzip" http://someurl.com | wc -c

против

curl -i http://someurl.com | wc -c

Число, указанное после каждой команды, - это количество байтов, пересекающих провод.

ответил Stephen 20 J0000006Europe/Moscow 2013, 22:56:40
4

Обновление за 2017 год

При использовании больших значков инструменты hrome dev отображают размер до и после сжатия на вкладках сети.

Я подтвердил, что gzip отключен и включен на моем веб-сервере.

 Chrome dev tools screenshot

 введите описание изображения здесь>> </a> </p></body></html>

ответил CodeMonkey 5 +03002017-10-05T15:46:03+03:00312017bEurope/MoscowThu, 05 Oct 2017 15:46:03 +0300 2017, 15:46:03
2

Я слышал, что один из хром ошибочен из-за ошибки в webkit.

Y Slow Plugin для Firefox - отличная работа. При запуске перейдите на вкладку «Компоненты» и разверните тип компонента, для которого нужны значения. Он покажет исходный размер и размер gzip.

ответил XOPJ 29 +04002010-10-29T17:21:44+04:00312010bEurope/MoscowFri, 29 Oct 2010 17:21:44 +0400 2010, 17:21:44
2

Это не инструмент для Chrome, но я использую Fiddler при проверке трафика HTTP /заголовок. Это отличный инструмент, работает в любом браузере, и это бесплатно!

ответил BradB 29 +04002010-10-29T18:51:13+04:00312010bEurope/MoscowFri, 29 Oct 2010 18:51:13 +0400 2010, 18:51:13
0

Для тех, кто все еще прибывает сюда из общего поиска Google (как и я), в современных версиях Firefox можно увидеть «необработанный» и размер gzipped непосредственно из его devtools, сравнив столбец «Перенесенный размер» и «Размер ". «Размер» - это необработанный размер ответа, «Переданный размер» - это фактический размер данных, переданных для ответа, который может быть ниже фактического размера в случае gzip, как на изображении ниже, или даже 0 в если ответ был сохранен в клиенте.

 firefox devtools gzipped size

ответил LeartS 24 J000000Tuesday18 2018, 16:26:09

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132