При просмотре информации о таблицах стилей на вкладке «Сеть» инструментов разработчика Chrome в одном столбце указываются «размер» и «содержимое»:
Кто-нибудь может пролить свет на разницу между этими двумя числами? На некоторых страницах цифры близки, а на других они значительно отличаются.
Ответы:
«Размер» - это количество байтов в проводе, а «контент» - это фактический размер ресурса. Ряд вещей может сделать их разными, в том числе:
Из документов :
источник
Size
это размер самого ответа иContent
размер ресурса, к которому вы обращаетесь.Для сравнения:
пустой кеш:
main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB
кэшировать:
main.js GET 304 Not modified .. Size: 146B Content: 31.42KB
источник
Size
это размер самого ответа [...]» («ресурс» также имеет другое значение в терминах HTTP).Простыми словами, статья Google объясняет это как Размер = Размер передачи и Содержание = Фактический размер.
Это моя формула, основанная на прочтении различных статей по этой теме (и я готов улучшить ее с помощью ваших комментариев) Размер = Сжатие (Содержимое) + Заголовок ответа
Смотрите изображение, используемое в этой статье
Объяснение от Google
источник
«Используйте большие строки запроса», чтобы показать оба значения!
Если вы не видите второе значение (контент), вам нужно нажать кнопку «Использовать большие строки запроса» на вкладке Chrome Network:
Я нашел это благодаря ответу на этот вопрос здесь:
Инструменты Chrome Devs - где размер и содержание?
источник