html - 从 css 库中删除未使用的样式类或使用 CDN 哪个更好?

标签 html css twitter-bootstrap

<分区>

在 Web 应用程序设计中,我尽可能使用 CDN 来分发常用库(IE.JQuery、Bootstrap.css 等)。

然而……

在优化我的最新元素时,我注意到大多数页面使用的 bootstrap css 不到 10%,还有 90% 未使用。

编辑:这个问题是关于最终部署而不是开发。

问题:

在文件很可能已经缓存在本地某处并且很可能由访问者服务提供商缓存的情况下,使用 CDN 是否更好?

或者:

编写您自己的 css 文件,仅使用您需要的内容,显着减小文件大小并将其托管在本地?

Bootstrap css 缩小文件大小为 122kB。在我的示例中,109kB 未使用,留下 13kB 的已用 css 文件。在这种情况下,是在本地托管 13kB 还是从 CDN 托管 122kB 更好?

提前致谢

加文。

最佳答案

我认为这取决于您的最终用户。如果你的目标是普通用户,你可以放心地假设他们有缓存的 CDN 资源。您需要分析您的用户群。

我总是将它们全部打包并放在 CDN 上。捆绑可降低页面重量,还可以通过卸载工作使您的服务器受益。但这也取决于构建过程的可用性及其自动化。

您可能会发现以下工具很方便。

关于html - 从 css 库中删除未使用的样式类或使用 CDN 哪个更好?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33517436/

相关文章:

Javascript:textContent 和 getElementsByTagName 在我的代码中不起作用

css - 从 "auto"动画 flexbox

jQuery 为什么代码使用 .animate() 函数运行两次?

html - 不同分辨率下的不同网页元素位置

html - Bootstrap 4 图像网格对齐

css - Bootstrap : How to change the breakpoint where the navbar collapse ?

HTML 表格水平滚动

html - IE8 及以下版本中的 Twitter Bootstrap Glyphicons 部分不透明

Javascript文本框输入和简单数学

css - Bootstrap - 导航栏选项卡在 ie 9 中未正确呈现