javascript - 如何在不增加 http 请求的情况下包含多个外部 javascript 文件

Question

我的网站有多个外部 javascript 文件，我想减少这些文件以提高性能。

一些外部脚本包括 typekit、google analytics、linkedin js api、twitter api 和其他一些。对于这些第三方外部 javascript 文件，在不增加 HTTP 请求的情况下包含它们的最佳方法是什么，请记住，其中一些库喜欢加载到 head 标记 ( typekit ) 中。

我已经尝试在本地下载、连接和托管它们，但它们似乎不能很好地与我的缩小 javascript 或其他 vendor 的 javascript 一起使用。有没有解决这个问题的具体方法。

我研究过像 requirejs 这样的库，但我不确定这是否能解决这个问题。

Answer 1

不要聚合它们!

实际上，即使您有更多的 HTTP 请求，内容也会添加到浏览器缓存并保留在那里，因为它们永远不会改变。

此外，即使您是第一次访问该网站，该文件也可能已经在缓存中，因为它可能是从另一个网站加载的。

最后，请记住，每次发布新版本时，您自己的脚本都会发生变化，因此您需要从浏览器缓存中清除脚本。每次发布新版本时，外部脚本都不会更改，因此您会将它们保存在浏览器缓存中，这只有在它们未与您自己的脚本聚合时才有可能。