google-chrome - Chrome 开发工具 - "Size"与 "Content"

Question

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

有人能解释一下这两个数字之间的区别吗？在某些页面上，数字很接近，而在其他页面上，数字相差很大。

Answer 1

“Size”是线路上的字节数，“content”是资源的实际大小。有很多因素可以使它们与众不同，包括:

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

From the docs :

Size is the combined size of the response headers (usually a few hundred bytes) plus the response body, as delivered by the server. Content is the size of the resource's decoded content. If the resource was loaded from the browser's cache rather than over the network, this field will contain the text (from cache).