组织JavaScript文件的最佳方式

Question

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

谢谢!

Answer 1

通常,将您的脚本文件合并到一个文件中(并缩小或压缩它们,甚至编译它们,但请注意,最后一项不是零影响,有痛点).请参阅此处和此处的注释.基本上,对于良好的快速页面加载,您将看到的第一个指导原则是"最小化HTTP请求".所以你不需要六个单独的script标签,你可以有一个.

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

Answer 2

查看RequireJS,一个用于JavaScript的智能且强大的脚本加载器.它的设计与jQuery配合得很好,并附带了一个优化工具,可以将所有脚本合并为一个.

Answer 3

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