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

Question

在Chrome开发者工具的“网络”标签中查看有关样式表的信息时，一列指定“尺寸”和“内容”：

有人可以了解这两个数字之间的差异吗？在某些页面上，数字很接近，而在其他页面上则相差很多。

Answer 1

“Size”是线路上的字节数，“content”是资源的实际大小。许多事情可以使它们与众不同，包括：

• 从缓存（小或0“大小”）提供服务
• 响应标头，包括Cookie（“大小”大于“内容”）
• 重定向或身份验证请求
• gzip压缩（通常比“内容”小“大小”）

From the docs：

  

大小是响应标头的组合大小（通常是几个   一百个字节）加上服务器提供的响应体。   内容是资源的解码内容的大小。如果资源   这是从浏览器的缓存而不是通过网络加载的   字段将包含文本（来自缓存）。

Answer 2

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

比较

清空缓存：

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

缓存：

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

Answer 3

简单来说，Google文章将其解释为 大小=转移大小和内容=实际大小

这是我的基于阅读有关此主题的各种文章的公式（我愿意进一步改进你的评论） 大小=压缩（内容）+响应标头

See the image used in this article

Explanation by Google

Answer 4

“使用大请求行”以显示两个值！

如果看不到第二个值（内容），则需要单击“ Chrome广告网络”标签中的“使用大请求行”按钮：

我对这个问题的回答归功于此：

Chrome Devs tools - where's size and content?