我想使用CDN加载引导程序和jquery,以提高网站性能。考虑到性能,以下哪种是执行此操作的最佳方法:
1. 将脚本标签直接添加到 html 或布局文件中
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
2. 将内容动态加载到资产管道的中间,正如 Daniel Kehoe 在"动态加载"下讨论的那样。
正如我假设链接或不同的存储库用于我们的代码库以外的任何文件一样,都会反映一些可用性问题。
这里引导 js 文件将始终取决于 netdna 的速度 域服务器。服务器关闭或故障将影响我们的性能,因为 以及我们系统的可靠性。这样的事情不会经常发生,但可能是偶然的。
根据我的经验,我会建议最好的方法是将相同的文件以压缩形式保存在我们的服务器上,以避免将来出现此类问题,并在更新发布时定期更新该文件。
减少 DNS 查找
根据雅虎开发者网络博客,大约需要20-120 DNS(域名系统)解析 IP 地址的毫秒数 给定主机名或域名,浏览器无法执行任何操作,直到 该过程已正确完成。
将多个 JavaScript 合并为一个
--> 伙计们,你可以组合多个Javascript,例如:
http://www.example.com/javascript/prototype.js
http://www.example.com/javascript/builder.jshttp://www.example.com/javascript/effects.js
http://www.example.com/javascript/dragdrop.jshttp://www.example.com/javascript/slider.js
通过将 URL 更改为单个文件:http://www.example.com/javascript/prototype.js,builder.js,effects.js,dragdrop.js,slider.js
压缩Javascript/CSS
还有一些Web服务允许您在线手动压缩Javascript和CSS文件。以下是我们了解的几个:
compressor.ebiene (Javascript, CSS)
javascriptcompressor.com (Javascript)
jscompress.com (Javascript)
CleanCSS (CSS)
CSS Optimizer (CSS)