下载具有多个连接的文件会导致浏览器崩溃

Question

在我目前的项目中，使用canvas的javascript基本游戏，我要下载文件：音频文件。

为实现这一目标，我尝试了第一种方法：连续下载每个文件。这让我崩溃了我的浏览器。我不知道为什么，但确实如此。

那么，我决定以5组为单位下载文件：多次连接。当下载其中一个时，它会开始另一个文件的新下载。 首先，它没有奏效。在下载新文件之前，我必须添加一个250ms的setTimeout。

它有效，但这是我的问题：需要很长时间。 当我将下载的倍数设置为4时，它没有问题。但是对于5，它会让我的浏览器变慢，有时候，标签会崩溃。 最糟糕的是，当下载5个文件的这些组时，它会使画布渲染速度变慢（从60fps到2fps），使动画也变慢。

那么，如何使这些下载速度更快，更无滞后？

Answer 1

最后，我找到了一种方法。 我使用了Audio（）元素，并等待“canplaythrough”事件。