压缩一个文件中的所有Javascript或多个文件

Question

我正在随时随地压缩所有文件，因此更新更容易，而不必解压缩。我有大约10个JS文件，总共约2,000行可能更多，将它们全部放在一个文件中并压缩它会更好吗，它会加速我的网站，还是我应该将它留在单个文件中，并压缩每个文件？

Answer 1

我假设这是用于网站开发。

如果您的所有脚本都是由您创建的，并且您怀疑网站上的每个页面都需要每个脚本，那么您应该对它们进行连接/压缩。第一次加载需要更长时间，但脚本将被缓存。

如果您的所有脚本都是由您创作的，但每个页面不一定需要所有10个脚本，那么您应该考虑延迟加载它们。

如果这些脚本中的任何一个不是由您创作的并且可以在CDN（如jQuery）上找到，那么将脚本链接到CDN，因为用户可能已经将它们缓存了。对于剩余的脚本，确定是否应该延迟加载或连接/压缩它们。

然而，您不应该做的是在每个页面上单独加载所有10个脚本。这只会让用户的浏览器发送的请求数量超过需要。

这都是权衡利弊，并没有100％正确的答案。祝你好运：）

- 编辑 -

你说“在旅途中”。如果脚本的内容发生变化，那么您不希望缓存它们。在这种情况下，延迟加载可能就是答案。

- 编辑2 -

如果您还没有，那么您应该真正看一下使用Grunt在开发过程中连接和缩小js文件。如果您决定走这条路线，请查看grunt-contrib-watch。

Answer 2

将浏览器需要请求的文件数量保持在最低限度通常是个好主意。

浏览器可能必须为每个HTTP请求打开一个连接，但如果您将所有JavaScript代码放在一个大文件中，则只需要执行一个请求，因此只需要打开一个连接来获取您的js代码。

Answer 3

这取决于您在不同页面中使用的2000行数量。如果文件类似于在不同页面中使用最多的库，那么它实际上在加载速度方面几乎没有差别。但是如果每个页面中只使用了该文件的一部分，我会认为分离是明智的，因为每页加载所需的内容较少。