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