谷歌devtools检查文本资源是否已压缩

如何检查

1、打开网络面板，然后依次选择 settings Settings（设置）> check_box Use large request rows（使用较大的请求行）。

要点：如果您在网络请求表格中没有看到“大小”列，请右键点击表格标题，然后选择“大小”。
每个大小单元格都会显示两个值。顶部值是下载资源的大小。底部值是未压缩资源的大小。如果这两个值相同，则表示资源在通过网络发送时不会压缩。在此示例中，bundle.js 的顶部和底部值均为 1.4 MB。

2、还可以通过检查资源的 HTTP 标头来检查是否进行了压缩：

点击 bundle.js，然后打开 Headers 标签页。

在响应标头部分中搜索 content-encoding 标头。您应该不会看到任何内容，这意味着 bundle.js 未压缩。当资源被压缩时，此标头通常设置为 gzip、deflate 或 br。

二、有压缩的样子

现在，Size 列应针对 bundle.js 等文本资源显示两个不同的值。bundle.js 的 269 KB 上限值是通过网络发送的文件的大小，1.4 MB 的下限值是未压缩文件的大小。

bundle.js 的响应标头部分现在应包含 content-encoding: gzip 标头。