Chrome Network 里，Size 和 Content 分别是什么意思

Question

如图所示，有时候 Size 比 Content 要小，有时候又大，看不懂。

Answer 1

Content 是这个资源的实际大小，Size 则是传输时的大小。之所以不同是因为多数情况下我们请求资源所在的服务器会对资源进行压缩处理以减少传输负荷（如 Gzip），而客户端则会对其做相应的解压处理。所以前者是 Size，后者即是 Content。

有时候资源的体积其实特别小，Gzip 压缩之后反而会比原始尺寸还要大（加入头信息之类的，我也不懂），所以偶尔你也会看到 Size 比 Content 大的情况出现。（感谢 @依云 曾经的指教）

Answer 2

我也挺好奇的，然后Google了一下： chrome developer network size content。然后第一条就。。。 有图有真相

所以，看Chrome Dev Tools - “Size” vs “Content”