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

Question

在页面加载期间，我的网站上有一个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>