在Web应用程序设计中,我使用CDN来分发常用的库(IE.JQuery,Bootstrap.css等)。
然而....
在优化我的最新项目时,我注意到大多数页面使用不到10%的bootstrap css,而90%未使用。
编辑:这个问题是关于最终部署而不是开发。
问题:
使用CDN是否更好,文件已经在本地缓存,很可能是由访客服务提供商缓存的?
或者:
编写自己的css文件,只使用你需要的东西,大大减少文件大小并在本地托管?
Bootstrap css缩小文件是122kB给予或接受。在我的例子中,109kB未使用,留下了13kB的二手css文件。在这种情况下,最好是在本地托管13kB还是从CDN托管122kB?
提前致谢,
加文。
答案 0 :(得分:4)
我认为这取决于您的最终用户。如果您的目标是普通用户,则可以放心地假设他们已经缓存了CDN资源。您需要分析您的用户群。
我总是将它们捆绑在一起并将它们放在CDN上。捆绑减少了页面重量,并通过卸载工作使您的服务器受益。但它还取决于构建过程的可用性及其自动化。
您可以找到以下方便的工具。
从CSS中删除未使用的样式:https://github.com/giakki/uncss
从javascript中删除无法访问的代码:https://github.com/mishoo/UglifyJS
答案 1 :(得分:0)
如果您的项目在服务器上运行,则使用CDN
Google CDN
MaxCDN
如果你在开发阶段使用那么项目没有与Internet连接,这次你应该使用本地JS和CSS
所有流程背后的主要逻辑是cookie cookie 存储CDN路径库,该库由其他网站使用,并且加速您的网站。