使用 CSS 动画优于 jQuery 动画有什么优势吗？（性能或其他）答案

【问题标题】：Is there any advantage to using CSS animations over jQuery animations? (performance, or otherwise)使用 CSS 动画优于 jQuery 动画有什么优势吗？（性能或其他）
【发布时间】：2011-12-17 12:47:49
【问题描述】：

我的意思是， CSS 动画很酷，但 CSS3 合规性令人讨厌地不标准。但是，忽略浏览器的所有问题以及它们无法与最新的 W3C 保持同步，

与 jQuery 动画相比是否有某种性能优势？

为什么要实施它们？

【问题讨论】：

可能重复：stackoverflow.com/questions/2999749/…
专业从事网页设计的人没有“忽略浏览器的所有问题”的奢侈。
@WesleyMurch，这就是为什么没有什么是符合标准的。 “不要着急”，因为无论如何专业人士都必须支持它。
我的问题是 IE 以及 Windows XP 如此普遍但没有 IE9 的事实。

标签： jquery css

【解决方案1】：

作为一般经验法则，只要 JavaScript 可以被避免并且达到相同的结果，它应该被避免。

总是首选使用本机浏览器功能，因为它通常在性能方面会更好，而且通常看起来会更好。

补充要点：

jQuery 动画不是真正的动画，它们是伪造的，而原生 CSS3 浏览器动画实际上是动画。因此，原生 CSS3 动画可以由 GPU 加速，而 jQuery 动画则不能。
请注意，并非所有浏览器都支持 CSS3 动画/过渡。您可能想test if the browser supports it，并采取相应的行动。

【讨论】：

【解决方案2】：

CSS 动画具有潜在的硬件加速优势。这是一个 Scripty2 的演示（我知道，它不是 jQuery，但原理相同）很好地证明了这一点。

http://scripty2.com/hardware-acceleration/

【讨论】：

【解决方案3】：

CSS 动画可以由 GPU 加速，而 Javascript 动画则不能。如果您毫无疑问地知道您的用户群将支持您的动画的 css 版本，那么选择 css 就很有意义。

如果您需要支持较旧的浏览器，javascript 是正确的选择。

【讨论】：

【解决方案4】：

对于所有认为 Javascript 更适合旧版浏览器的人来说，这不一定是正确的。想想 Andy Clarke 对此的看法，似乎使用可靠的语义标记和 CSS3 来讲述一个优雅的故事，并使用良好的、可访问的后备比使用 Javascript 更容易。

http://forabeautifulweb.com/blog/about/its_a_mad_mad_mad_mad_manimation/

【讨论】：

【解决方案5】：

但不是每个浏览器都支持 css 动画，这取决于您的公众，这是一个重要的问题。

【讨论】：

【解决方案6】：

最大的优势是由于硬件加速，它在 iPad、iPhone、Android 以及 Safari mac 中运行非常流畅。 jquery 动画在移动设备上不流畅。在未来的 CSS 动画将变得非常流畅，因为它们是标准的，但 jquery 将保持不变。使用这些更具未来性

【讨论】：