结合javascripts与CDN之间的分裂

时间:2012-04-30 12:34:29

标签: javascript cdn performance

各种网站优化指南建议,如果可能,应将多个javascripts合并为一个,以减少http请求的数量。另一方面,稍微正交的建议是使用像谷歌和微软那样的CDNS会分担负载,浏览器可以并行下载。

我有点困惑的是,我是否应该将包括我自己以及第三方js在内的所有javascripts组合为单个javascript文件,还是应该将它们分开(至少对于通过免费CDN提供的那些)? / p>

我也不清楚浏览器是否并行下载多个javascrit文件,或者在下载其他文件之前等待每个javascript下载?

我有一个大量使用javascript的网站,我正在使用几个库(jquery,jquery-ui,jquery.json-2.3,jquery.metadata.js,jquery.jcarousel.min.js jquery.validate .js,jquery.blockUI.js)。

2 个答案:

答案 0 :(得分:1)

引用CDN始终是个好主意。认为浏览器必须执行更多的http请求是无效的,因为这只会发生一次。然后缓存该文件,不再请求。 使用CDN时,用户也可能已经拥有缓存版本,并且根本不需要它(在引用本地版本时,用户之前无法缓存该版本)。

我建议尝试为每个可用的第三方插件引用CDN。对于非CDN托管的脚本和脚本,请尝试缩小脚本并将其放入单个文件中以减少流量负载。

(对于缩小,有很多可用的在线工具,即http://jscompress.com/,它还允许您从多个js文件中生成单个js文件)

答案 1 :(得分:0)

浏览器下载多个JS文件,因为它们位于不同的CDN上。当他们在同一个CDN上时,浏览器会等待每个CDN完成下载另一个CDN。

这是一个好主意,在可能的情况下将第三方脚本保留在不同的文件和CDN上,并将您自己的脚本缩小,放在您的CDN的子域上,以加快负载。