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

vde*_*nne 7 css firefox google-chrome google-chrome-devtools twitter-bootstrap

在Firefox中 在此输入图像描述

在铬 在此输入图像描述

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

我从这个cdn:bootstrap.min.css加载引导程序

ps:在测试期间刷新了缓存.

小智 8

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

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

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

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