HTML文件的文件大小不同

Question

有人可以解释一下HTML文件的文件大小差异。这四种情况的衡量标准是什么？

让我们以此页http://seotoolsforexcel.com/pagesize/

为例

• 如果我将ctrl+s本地保存为没有媒体的HTML文件（它们位于另一个文件夹中），则Windows资源管理器中显示的HTML文件大小为 39kB 。是的，我知道，确实有两种尺寸：文件大小和它在硬盘上占用的位置 - 但我对文件大小感兴趣。
• 如果我使用ctrl-u打开源代码，请复制整个代码并将其另存为txt - 文件大小 17kB
• 如果我在Chrome开发者工具（网络标签）中打开此页面，则HTML文档的文件大小为 4,9kB
• 如果我在Chrome开发者工具中查看Content Length标题 - 大小 4,656kB

ps ：我选择此文件为例，因为这里有四种不同的尺寸。

pps：关于Content length - 我添加了Chrome开发者工具的屏幕截图：

Answer 1

使用CTRL + S保存HTML时，浏览器首先运行JavaScript代码并将其添加到HTML中。在您的示例中，有一个JavaScript代码，它使用一堆CSS规则向页面添加<style>元素，这会使文件更大。

当您查看页面源（CTRL + U）时，这是您的浏览器从服务器获取的确切HTML。 在网络选项卡中，您只看到4.9KB的原因是因为文件是压缩下载的（gzip），浏览器在解析之前对其进行解压缩。

我无法在Firefox和Chrome中看到Content-Length响应标头，所以我真的不知道为什么你会得到这个数字。是以字节还是千字节为单位的数字？