哪个更好，从css库中删除未使用的样式类或使用CDN？

Question

在Web应用程序设计中，我使用CDN来分发常用的库（IE.JQuery，Bootstrap.css等）。

然而....

在优化我的最新项目时，我注意到大多数页面使用不到10％的bootstrap css，而90％未使用。

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

问题：

使用CDN是否更好，文件已经在本地缓存，很可能是由访客服务提供商缓存的？

或者：

编写自己的css文件，只使用你需要的东西，大大减少文件大小并在本地托管？

Bootstrap css缩小文件是122kB给予或接受。在我的例子中，109kB未使用，留下了13kB的二手css文件。在这种情况下，最好是在本地托管13kB还是从CDN托管122kB？

提前致谢，

加文。

Answer 1

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

我总是将它们捆绑在一起并将它们放在CDN上。捆绑减少了页面重量，并通过卸载工作使您的服务器受益。但它还取决于构建过程的可用性及其自动化。

您可以找到以下方便的工具。

• 从CSS中删除未使用的样式：https://github.com/giakki/uncss

• 从javascript中删除无法访问的代码：https://github.com/mishoo/UglifyJS

Answer 2

如果您的项目在服务器上运行，则使用CDN

Google CDN

Google CDN

MaxCDN

MAX CDN

如果你在开发阶段使用那么项目没有与Internet连接，这次你应该使用本地JS和CSS

所有流程背后的主要逻辑是cookie cookie 存储CDN路径库，该库由其他网站使用，并且加速您的网站。