Chrome开发工具 – “大小”与“内容”

在Chrome开发工具的“networking”选项卡中查看有关样式表的信息时，一列指定“大小”和“内容”：

任何人都可以揭示这两个数字之间的差异吗？ 在一些页面上，数字很接近，而其他的则相差很多。

Answer 1

“大小”是线上的字节数，“内容”是资源的实际大小。 许多事情可以使他们不同，包括：

• 从caching服务（小或0“大小”）
• 响应标题，包括Cookie（“内容”大于“大小”）
• redirect或身份validation请求
• gzip压缩（比“内容”更小的“大小”，通常）

从文档 ：

大小是响应头的大小（通常是几百字节）加上响应正文，由服务器传送。 内容是资源解码内容的大小。 如果资源是从浏览器的caching而不是通过networking加载的，则该字段将包含文本（来自caching）。

Answer 2

Size是响应本身的大小， Content是正在访问的资源的大小。

比较：

清空caching：

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

caching：

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB

Answer 3

简单来说，Google文章将其解释为Size = Transfer size和Content = Actual size

这是我阅读关于这个主题的各种文章的基础上的公式（我打开进一步改进您的意见） 大小=压缩（内容）+响应头

请参阅本文中使用的图像

Google解释