CSS动画高CPU使用率

Question

我正在处理加载组件并使用此codepen作为参考

点击此处 - ＆gt; Code

一旦我测试出来，CPU使用率就会上升。我尝试添加这些，正如其他帖子所建议但动画停止，

transform: translateZ(0) or will-change: transform

任何建议

Answer 1

您可以使用.gif图像文件，而不是像尝试一样创建新文件。

我不知道你会在哪里使用这个功能。

但Ajax有一个名为'beforeSend'的属性。

参考：Jquery Ajax beforeSend and success,error & complete

此外，如果您想在加载页面时实现它。然后，您可以像下面一样实现它。

参考：Can I run javascript before the whole page is loaded?

我希望这有用。