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 会显示它下载(压缩)的文件的大小。
在 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 会显示它下载(压缩)的文件的大小。