来自 cdn 的 bootstrap.min.css 大小在 devtools 中显示出惊人的大小
Posted
技术标签:
【中文标题】来自 cdn 的 bootstrap.min.css 大小在 devtools 中显示出惊人的大小【英文标题】:bootstrap.min.css size from cdn shows a surprising size in devtools 【发布时间】:2015-05-31 01:37:07 【问题描述】:在火狐中
在 chrome 中
有人能解释一下为什么 devtools 中的大小是 24.5KB 吗?
我从这个 cdn 加载引导程序:bootstrap.min.css
ps:缓存在测试过程中被刷新。
【问题讨论】:
这有什么问题? 因为 Chrome 比 Firefox 更紧凑:D 【参考方案1】:TL;DR Firefox 显示解压后的文件大小,Chrome 显示压缩后的文件大小
为了更快地加载页面并使用更少的数据,大多数现代浏览器会从 WWW 服务器下载文件的压缩版本。让我们做一个实验:
下载 bootstrap.min.css 文件 用gzip -k bootstrap.min.css
压缩它
比较文件大小:
压缩版:~20KB
未压缩版本:~116KB
我相信 Firefox 会显示解压后的文件大小,而 Chrome 会显示下载(压缩)文件的大小。
【讨论】:
以上是关于来自 cdn 的 bootstrap.min.css 大小在 devtools 中显示出惊人的大小的主要内容,如果未能解决你的问题,请参考以下文章