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

Question

在Firefox中

在Chrome中

有人可以解释为什么devtools的大小是24.5KB？

我从这个cdn：bootstrap.min.css

加载引导程序

ps ：在测试期间刷新了缓存。

Answer 1

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

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

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

我相信Firefox会显示解压缩的文件大小，Chrome会显示下载（压缩）文件的大小。