CSS动画高CPU使用率

Question

我正在开发一个加载组件并使用此代码笔作为参考

在这里查看 --> 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?

我希望这会有所帮助。