来自 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 中显示出惊人的大小的主要内容,如果未能解决你的问题,请参考以下文章

跟踪来自网站/cdn 的下载完成情况

来自 cdn 的图像,以及 SSL 的问题

来自CDN的延迟加载

html 来自cdn的Bootstrap

HTML 来自Google CDN的jQuery

将数据表条件格式设置为特定列中的特定值