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

时间:2015-05-18 20:31:57

标签: javascript external minify external-script

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

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

我尝试过在本地下载,连接和托管它们,但它们似乎与我的缩小的javascript或其他供应商的javascript一起玩得很好。是否有针对此问题的具体方法。

我已经查看了像requirejs这样的库,但我不确定这是否可以解决这个问题。

1 个答案:

答案 0 :(得分:2)

不要聚合它们!

实际上即使你有更多的HTTP请求,内容也会被添加到浏览器缓存中并保持不变,因为它们永远不会改变。

此外,即使您第一次来到网站,该文件也可能已经在缓存中,因为它可能是从其他网站加载的。

最后,请记住,每次发布新版本时,您自己的脚本都会发生变化,因此您需要从浏览器缓存中逐出脚本。每次发布新版本时,外部脚本都不会更改,因此您将把它们保留在浏览器缓存中,这可能只是它们没有与您自己的脚本聚合在一起。