组织JavaScript文件的最佳方式

时间:2011-01-03 14:37:18

标签: javascript file preload

所以我的网络应用程序包含多个JS文件(jQuery,jQuery,我自己的JS代码等等)。假设我有一个名为index.html的页面。包含/预加载我的js文件的最佳做法是什么?我正在考虑创建一个单独的JS文件,它将执行预加载(包括所有其他脚本并调用jQuery.noConflict())。你们有什么建议?这可能吗?你会如何实现它?

谢谢!

4 个答案:

答案 0 :(得分:7)

一般情况下,将您的脚本文件合并到一个文件中(minifycompress,甚至compile,但请注意,最后一项不是零影响,有痛点)。请参阅备注herehere。基本上,对于良好的快速页面加载,您将看到的第一个指导原则是“最小化HTTP请求”。因此,您不需要六个单独的script标记,您可以拥有一个标记。

但是对于热门脚本,可能可以从Google's CDN中使用它们。谷歌非常友好地在他们的CDN上免费托管大多数流行的JavaScript库。这里的优势不仅在于CDN速度相当快,而且目标用户的浏览器可能还有一个您想要使用的脚本的缓存版本,即使他们从未去过您的站点之前。

答案 1 :(得分:5)

查看RequireJS,一个用于JavaScript的智能且强大的脚本加载器。它的设计与jQuery配合使用,并附带optimization tool将所有脚本合并为一个。

答案 2 :(得分:0)

最好的方法是最小化所有js文件并将它们合并到一个脚本中。这将减少浏览器的工作量,因为它不必向服务器发出多个请求。

答案 3 :(得分:0)

如果您要同时加载所有内容,可以将其全部放入单个压缩文件中