对于网站动画效果，哪个执行性能更好：CSS3还是jQuery？

Question

哪个执行性能更好：CSS3 动画，还是 jQuery 动画？

它们如何影响用户浏览器的性能或执行速度？

我不关心浏览器的兼容性，只关心执行性能。

Answer 1

@tstenner 分享了一个很好的链接，它可能会消除您的疑虑，但如果您想进行一些测试，您可以使用 http://jsperf.com/ 进行一些性能测试

您应该查看 Github 上的“Animate.css”。仅使用 CSS3 的出色而酷炫的动画 http://daneden.me/animate/

[]的 伊戈尔。

Answer 2

根据我的经验，权衡是兼容性。如果你绝对需要你的网页有动画，请使用 jQuery 以与旧浏览器兼容。然而，CSS3 为浏览器提供了可以在 GPU 中预先计算和渲染的预期动画。这意味着 CSS3 在所有情况下都比 jQuery 具有明显的性能优势。当然，CSS3动画在浏览器和机器之间会有不同的性能，但JavaScript的性能往往会随之变化，这意味着如果CSS3慢，JS会更慢。