Я зайнятий перевіркою того, як мій веб-сервер робить gzip. Я впевнений, що тепер увімкнено gzip, коли хром показує заголовок gzip-кодування вмісту:.
Чи є простий спосіб дізнатися, скільки файлів було стиснено в інструментах для розробників Chrome?
Чи є простий спосіб побачити кількість стиснення в Chrome?
Відповіді:
Оновлена відповідь за 2017 рік : Так.
Стовпчик розміру на вкладці "Мережа" в Інструментах для розробників Chrome має розмір як стисненого, так і нестисненого, для gzip, brotli та будь-якого іншого, що буде надалі. Наприклад:
Тут стислий розмір 242 Кб, нестиснений розмір - 1,1 Мб
Щоб побачити обидва, переконайтеся, що у вас є Devtools із великими рядками запитів . Це перша ікона в параметрах "Перегляд" на спеціальній панелі інструментів.
Спасибі. Легко пропустити це. Треба натиснути "використовувати великі рядки запиту"
—
alds
Також ви можете клацнути правою кнопкою миші заголовки стовпців і показати заголовк відповідей "Кодування вмісту". Після цього ви можете сортувати за стовпцем, щоб отримати швидкий список усіх gzipped відповідей.
—
третина
На сьогодні найпростіший метод - це використання онлайн-інструменту. GIDZipTest показує вам безліч деталей: оригінальний розмір, стислий розмір та відсоток стиснення.
Однак це можливо в Chrome, доклавши трохи зусиль. (Оновлено найновіший Chrome, вересень 2011 р.)
У Інструментах для розробників перейдіть на вкладку «Мережа» та перезавантажте сторінку. Ви побачите список усіх файлів, отриманих у лівій колонці. Клацніть відповідну сторінку / файл зліва, а потім вкладку «Заголовки» на правій панелі.
У розділі "Заголовки відповідей" ви повинні побачити "Кодування вмісту: gzip", а потім заголовок "Довжина вмісту". Це розмір стисненого вмісту.
Знайти нестиснений розмір складніше. Якщо ви розміщуєте статичні файли, ви можете просто перевірити його розмір. Для динамічного вмісту вам доведеться скопіювати і вставити HTML в текстовий редактор і зберегти його, щоб перевірити точний розмір.
де "включити відстеження ресурсів"?
—
Pacerier
@Pacerier: дещо інакше в останній версії Chrome; Я оновив свою відповідь новими інструкціями.
—
НезадоволенняGoat
Акуратний інструмент. Я не міг зрозуміти, чому відповіді, надіслані моїм додатком Google App Engine, не показують стислий розмір. Відповіді, надіслані SDK (тобто localhost), не стискаються, коли відповіді надходять із хмари. Виходить, Chrome працює чудово.
—
Еван Плейс
Оновлення за 2017 рік
Під час використання великих піктограм інструменти для хромованих розробників показують розмір стиснення до та після нього на вкладках мережі.
Я підтвердив, вимкнувши і ввімкнувши gzip на своєму веб-сервері.
Я чув, що той, хто перебуває в хромі, є несправним через помилку в веб-програмі.
Y Повільна Плагін для Firefox робить велику роботу. Під час його запуску перейдіть на вкладку «Компоненти» та розгорніть тип компонента, для якого потрібно отримати значення. Він покаже початковий розмір і розмір gzip.
Це не спеціально для Chrome, але я використовую Fiddler під час перевірки інформації про трафік HTTP / заголовка. Це чудовий інструмент, працює на будь-якому браузері і це безкоштовно!
Зараз є версія розширення для Chrome Fiddler !
—
karlbecker_com
Дякуємо, що запропонували це. Fiddler не показує "нестиснений розмір", але дозволяє додавати стовпці для "CompressionSavings" та "CompressionSavings%". Додайте їх, клацнувши правою кнопкою миші стовпці ==> "Налаштувати стовпчики" ==> "Різне" ==> Спадне меню "Назва поля".
—
JasonS
Для тих, хто все ще приїжджає сюди із загального пошуку в Google (як я), у сучасних версіях Firefox можна побачити "сирий" та gzipped розмір безпосередньо зі своїх розробників, порівнявши стовпчик "Перенесений розмір" та "Розмір". "Розмір" - це необроблений розмір відповіді, "Перенесений розмір" - це фактичний розмір даних, переданих для відповіді, який може бути меншим за фактичний розмір у випадку gzip, як на зображенні нижче, або навіть 0 у у випадку, якщо відповідь кешується у клієнта.
Content-Lengthзаголовком.