在性能方面哪个更好？

Question

什么是更好的.

你有20个javascript文件.所有页面共享10个.所以他们会在母版页面.现在这10个怎么样？说一页使用4/10另一个使用4/10而另一页使用2/10.

是否a)最好将它们全部合并到一个文件中(当然是动态的),这样只需要一个http请求.

要么

b)在母版页中有10个组合,然后所有其他页面将组合在一起.

所以在我的一些页面中,我将查看4或5个java脚本请求

1. 一个来自大师
2. 一个来自谷歌CDN的jquery
3. 一个来自谷歌CDN的jquery ui
4. 一个用于从MS CDN验证jquery
5. 一页用于该页面的任何内容.

我的大多数脚本已经使用jquery live,因为我使用jquery ajax选项卡,我必须同时为每个选项卡加载所有脚本.

如果不是每次你去另一个标签,它会下载一组新的javascript,所以它会开始做绑定事件,比如点击X时间,其中X是用户加载同一个标签的次数.

Answer 1

根据您使用的语言/服务器，有许多工具可以动态地将页面所需的 JavaScript 文件组合成仅针对该页面的单个请求。根据您对 Microsoft CDN 的引用，听起来您正在使用 ASP.NET。这是一个可能适合您的组合器，它将对本地 JS 文件的请求组合成单个请求。如果是我，我会做的是加载：

1. 来自 Google 的 JQuery 和 JQuery UI
2. 来自 MS CDN 的 JQuery 验证
3. 您的本地 JS 文件合并（使用上述工具）到一个下载中。

这样您就可以获得 3 个并行下载。