包含我的外部javascripts的最佳/最快方式是什么？我使用jQuery

Question

我的网站已接近完成，目前正在对其进行优化;我想知道包含所有外部JavaScript文件的最佳和最快的方法。我希望网站尽快下载，但它有很多（10个左右）需要加载的外部JavaScript文件;一些是来自谷歌AJAX API的jQuery库文件，有些是我的。

我确定我刚才读过，我可以使用一些javascript代码调用所有外部脚本，实际上，只从浏览器的角度调用一个外部文件。

你明白我的意思吗？

非常感谢

Answer 1

1. 将所有Javascript合并到一个外部文件中（您可以动态执行此操作并保存缓存结果）;
2. 缩小该文件;
3. 该文件的版本（我使用预先配置的文件的mtime）;
4. 如果客户端支持，则对文件进行Gzip;和
5. 在文件中使用远期期货Expires标头。

您所指的（使用Google的AJAX Libraries服务）是处理此问题的另一种方式，属于CDN（内容分发网络）的标题。这个想法是文件存储在多个plallllces中，客户端将下载最接近的（并且结果将被保存）。

与其他技术结合起来很难或者很尴尬，我发现以这种方式进行多次外部加载会完全侵蚀任何感知的好处（除非那是你唯一的外部负载）所以我使用上面列出的方法代替。

Answer 2

我的猜测是将库文件合并到一个文件（Google托管的文件除外）。每次拨打您的服务器都需要相当多的资源，所以只需拨打一个电话就可以获得更好的服务。您甚至可以在线组合文件：

http://yui.2clics.net/

Answer 3

我建议将所有脚本合并到一个JS文件中，然后使用YUI Compressor将它们打包成一个较小的文件。

Answer 4

要使用脚本浏览器必须下载它们，所以我认为你怎么称呼它们没有任何区别...除非你在服务器上使用压缩并在客户端解压缩。