javascript - 单个 .js 文件与延迟加载

Question

场景:您正在构建一个大型的 javascript 驱动的 Web 应用程序，您希望其中的页面刷新次数尽可能少。想象一下 80-100MB 的 unminified javascript，只是为了有一个数字来定义“大”。

我的假设是，如果你延迟加载你的 javascript 文件，你可以在你的加载时间上获得更好的平衡(意思是，你不必在每次页面刷新时等待几秒钟)，希望能给用户带来在加载过程中并没有真正注意到延迟。我猜想在这种情况下，延迟加载会比典型的单个缩小 .js 文件更可取。

现在，从理论上讲，无论文件大小如何，请求给定服务器上的任何文件都会产生固定成本。所以，太多的请求是不可取的。例如，如果一个小的 javascript 文件与其他 10 个中小型文件同时加载，最好将它们组合在一起以节省多次请求的成本。

我的问题是，假设合理的默认值(比如客户端有 3-5Mbps 的连接和一个不错的硬件)，要请求的文件的理想大小是多少？太大，并且您一次又一次加载太多；太小，请求的成本变得比您返回的数据量更昂贵，从而降低了每秒数据的经济性。

编辑:所有的答案都很棒。我只选择了本的，因为他给了一个具体的数字。

Answer 1

Google 的 Page Speed 计划详细介绍了这一点:

http://code.google.com/speed/page-speed/docs/rules_intro.html

特别是http://code.google.com/speed/page-speed/docs/payload.html