Различные размеры файла HTML-файла - PullRequest
0 голосов
/ 17 мая 2018

Может кто-нибудь объяснить мне разницу в размерах файла HTML-файла.Что измеряется в этих четырех случаях?

Давайте возьмем в качестве примера эту страницу http://seotoolsforexcel.com/pagesize/

  • Если я сохраню ее локально с ctrl+s как файл HTML без носителя (они находятся в другой папке) - размер файла HTMLв проводнике Windows отображается 39kB .Да, я знаю, что есть два размера: размер файла и место, которое он занимает на жестком диске, но мне интересен размер файла.
  • Если я открою исходный код с помощью ctrl-u, скопируйтевесь код и сохраните его в формате txt - размер файла 17 КБ
  • Если я открою эту страницу в инструментах разработчика Chrome (вкладка «Сеть») - размер файла документа HTML будет 4,9 КБ
  • Если посмотреть на заголовок Content Length в инструментах разработчика Chrome - его размер составляет 4,656 КБ

пс : я выбрал этот файл в качестве примера, потому что здесь все четыре размера разные.

pps: относительно Content length - я добавил скриншот из Chrome Developer Tools:

enter image description here

1 Ответ

0 голосов
/ 17 мая 2018

Когда вы сохраняете HTML с помощью CTRL + S, браузер сначала запускает код JavaScript и добавляет его в HTML. В вашем примере есть код JavaScript, который добавляет элемент <style> на страницу с набором правил CSS, что увеличивает размер файла.

Когда вы просматриваете источник страницы (CTRL + U), это именно тот HTML-код, который ваш браузер получил с сервера. Причина, по которой на вкладке «Сеть» отображается только 4,9 КБ, заключается в том, что файл загружается сжатым (gzipped), а браузер распаковывает его перед анализом.

Я не смог увидеть заголовок ответа Content-Length как в Firefox, так и в Chrome, поэтому я не знаю, почему вы получили этот номер. Было ли число в байтах или килобайтах?

...