bootstrap.min.css 来自 cdn 的大小在 devtools 中显示出惊人的大小

bootstrap.min.css size from cdn shows a surprising size in devtools

在 firefox 中

在chrome

有人能解释一下为什么 devtools 中的大小是 24.5KB 吗?

我从这个 cdn 加载 bootstrap:bootstrap.min.css

ps: 测试过程中刷新了缓存。

TL;DR Firefox 显示解压文件大小,Chrome显示压缩文件大小

为了更快地加载页面并使用更少的数据,大多数现代浏览器都从 WWW 服务器下载文件的压缩版本。让我们来做个实验:

  • 下载 bootstrap.min.css 文件
  • gzip -k bootstrap.min.css压缩
  • 比较文件大小:
    • 压缩版:~20KB
    • 未压缩版本:~116KB

我相信 Firefox 会显示解压缩的文件大小,Chrome 会显示它下载(压缩)的文件的大小。