我的网站快完成了，目前正在优化它；我想知道包含所有外部 javascript 文件的最佳和最快的方法。我希望网站尽快下载，但它有很多（10 个左右）需要加载的外部 javascript 文件；有些是来自 Google 的 AJAX API 的 jQuery 库文件，有些是我的。
我确定我不久前读到我可以使用一些 javascript 代码调用所有外部脚本，实际上，从浏览器的角度来看，只调用一个外部文件。
你明白我的意思吗？
非常感谢
问问题
700 次
4 回答
8
- 将所有 Javascript 合并到一个外部文件中（您可以动态执行此操作并保存缓存的结果）；
- 缩小该文件；
- 版本该文件（我为此使用预配置文件的 mtime）；
- 如果客户端支持，Gzip 文件；和
- 在文件上使用远期 Expires 标头。
您所指的（使用 Google 的 AJAX 库服务）是另一种处理此问题的方法，属于 CDN（内容交付网络）的标题。想法是文件存储在多个位置，客户端将下载最接近的文件（并将保存该结果）。
与其他技术结合起来很难或很尴尬，而且我发现以这种方式执行多个外部负载会完全削弱任何感知到的好处（除非那是您唯一的外部负载），所以我使用上面列出的方法。
于 2009-04-15T22:52:10.963 回答
4
我的猜测是将库文件合并为一个文件（谷歌托管的文件除外）。对服务器的每次调用都会占用相当多的资源，因此最好只调用一次。您甚至可以在线合并文件：
于 2009-04-15T22:54:12.347 回答
1
我建议将所有脚本合并到一个 JS 文件中，然后使用YUI 压缩器将它们打包成一个较小的文件。
于 2009-04-15T22:52:28.823 回答
0
要使用脚本浏览器无论如何都必须下载它们，所以我认为你如何称呼它们没有任何区别......除非你在服务器上使用压缩并在客户端解压缩。
于 2009-04-15T22:50:16.147 回答