什么更有效，一次加载所有JavaScript或按页面需要加载？

Question

我总是读到必须连接和缩小javscript以减少加载时间，但我不确定在多页应用程序的情况下该怎么做。是不是更好地连接和缩小整个站点的所有javascript，在每个页面中包含相同的文件并依赖于缓存，或者最好只分别为每个页面分配所需的特定JS？

Answer 1

它有所不同。

在我的情况下，我有一个在线游戏。所有页面都使用一个核心JS文件（有些人会使用jQuery，但我有一个自定义工具箱 - 它实际上是相同的东西）。然后每个页面都有单独的JS文件，例如party.js，summary.js，forum.js等等。因此，该网站的每个页面总共加载了两个JS文件。

现在，我可以简单地将所有这些单独的JS文件编译成一个大文件。但是，如果我在该网站最晦涩的页面之一中只有最微小的编辑？突然之间，每个人都必须重新下载整个海量文件。

使用我的系统，他们只需要下载更改的单个文件。由于游戏正在进行中，这可能是最好的。

但是，如果您的网站基本上已经完成，并且只会获得次要补丁或不经常更新，那么将所有内容编译到一个文件中总体上会更好，因为访问者会下载一次并且那就不用担心了。

所以，基本上，它会有所不同。

Answer 2

如果您正在创建多页应用程序，则应尝试将其分成不同的包。

一切都是关于“玻璃时间”。如果你在页面上包含了你不需要的东西，那么它将加载得更慢，这是用户从不想要的。

我建议设置一个在页面之间使用的基本包，一切都需要它，缓存它，然后设置页面特定的包。