html - 强制立即加载 SVG 文件和图标

我有一个 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 的方法——最好是在其他所有事情之前。

标签： htmlsvg