Question

我有一个Web应用程序，它对后端服务器进行多个API调用，其中一些调用可能需要几秒钟来提取数据。不幸的是，我创建的SVG文件（用于多个SVG的文件为7.5kB）被卡在了其他API和图标后面的队列中，以显示我想要的更长的时间。

我查看了Chrome开发者控制台，发现绝大多数的加载时间是由于在队列中等待。

我以如下方式在HTML中内联加载SVG：

<svg viewBox="0 0 58 58">
    <use xlink:href="/static/logos/my-icons.svg#filter"></use>
</svg>

我大约有30种这类链接，但控制台显示该文件仅下载一次。

我如何确保这些内容在HTML的其余部分加载后立即加载？

编辑

基于@Kaiido的注释的澄清-<script>方法几乎立即（感谢您）加载了文件，但是随后再次加载了文件（仍然等待）以实际显示SVG。所以说真的，我正在寻找一种下载SVG文件后立即加载SVG的方法-最好先于其他所有文件。