Js通过将all放入单个文件来加载时间最小化

Question

我已经检查了我的js libs（大约10个）的加载时间，并注意到更多的一半加载时间是与服务器协商下一个文件。

因此我将所有js libs放入一个文件中，这是366kb的缩小js代码，现在加载时间要好得多。

但我不知道这看起来真是太棒了吗？

单个文件中的重js代码是否会导致浏览器滞后或冻结旧PC？还是有其他任何陷阱？

Answer 1

一般来说，这是一个好主意。我只看到过这两种方式的问题：

1）如果你没有正确编写代码（分号等），那么缩小可能偶尔会导致问题，因为它在执行时无法正确分离脚本。

这种情况并不常见，如果你的缩小版只有错误，你会很快看到它。

2）我们在IE中看到一个问题，当你合并了太多文件时（我认为它是二十几岁）我们不得不把它们分开，因为IE对单个JS文件的大小有限制。

这可能是IE的旧版本，你可能永远不会碰到它。

PS：这曾经是Steve Souders受欢迎的硬规则。从那时起，随着浏览器在并行下载多个文件方面越来越好，效率越来越高，他就变得不那么教条了。

PPS：IE规则每个样式表限制的细节：http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/10164546.aspx

Answer 2

使用一个缩小的js文件完全正常。当然有人会说这在理论上不是一个好习惯。然而，在实践中，你有时必须做一些“丑陋”的黑客才能获得更好的性能。