Javascript 页面加载期间的SVG动画优先级

在页面加载期间，我的网站上有一个SVG动画覆盖。当加载所有内容时，它将隐藏。如何使动画平滑运行？当浏览器分配资源来加载页面的其余部分时，我宁愿加载时间稍微长一点，也不愿动画断断续续

<div id="loading-animation" style="display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #fff; z-index: 100000">
  <img src="images/loader.svg" alt="" style="width: 256px; height: 256px; left: calc(50% - 128px); top: calc(50% - 128px); position: absolute">
</div>

显示用于隐藏其内容的代码如何显示工作示例JSFIDLE或codepenThat可能很难说，因为我们必须看到在加载整个页面时罪魁祸首在哪里。最好的方法是学习如何使用开发人员工具及其性能面板。然后，一旦你确定了是什么减慢了渲染速度，你可以回到这里来询问如何修复它，如果你自己没有弄明白的话。@kaido页面加载需要时间，我对此无能为力。问题是我如何确保动画具有高优先级。其他一切都应该是次要的动画。但你说的是表演，对吗？所以你应该避免后台进程占用太多的资源，而这只有你能做到。