通过 JavaScript 对象数组进行音频延迟循环？

Question

这是我的网站，由 netlify 托管，一切都很好，除了当我尝试循环浏览这个对象数组时，我的音频出现初始延迟，播放音频的代码为 0.5-2 秒"audio.play()"。

当我循环浏览它们之后，延迟几乎完全消失，这是一个 netlify 的事情吗？

在我的本地主机上就像电影中一样完美！

希望获得有用的链接/视频/建议，谢谢。

https://csgo-weapons.netlify.app/

Answer 1

这并不是 Netlify 特有的事情，而是一般意义上的互联网事情。文件加载在网络上不是即时的。当有人请求文件时（在本例中为枪声），它需要从服务器到达客户端，这需要一些时间（取决于网络速度、物理距离等）。在本地计算机上，这些加载时间可以忽略不计，因为文件不会通过网络传输。文件加载后，它会缓存在浏览器中，这就是为什么您在循环浏览所有枪支后没有注意到任何延迟。缓解此问题的一种方法是在用户开始循环使用所有枪支之前请求并加载所有声音文件。这样，就不需要一次一个地按需请求它们。您也可以尝试减小文件大小，尽管这不如预加载那么有帮助。