对于具有更好执行性能的网站动画效果：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会更慢。