如何首先加载HTML5音频

Question

我正在制作一个网络应用程序，它依赖于初始页面加载时的音频快速。

我正在使用HTML5音频元素播放音频。 我想让浏览器立即加载音频，所以我把

<audio id="audiotag" src="URL"></audio>

在所有CSS和JS资源之前，在页面的最顶部标记

。我也可以使用JS控制音频。但是，根据Chrome DevTools的说法，音频最后被加载，导致另外150-300ms的延迟：

那么，是什么造成了这种情况，我将如何解决这个问题？

注意：我正在使用flask python框架，如果有更好的解决方案使用服务器端流，我也会对此持开放态度。