CSS动画比JS动画快吗？答案

【问题标题】：Are CSS animations faster than JS animations?CSS动画比JS动画快吗？
【发布时间】：2014-05-12 00:51:12
【问题描述】：

前段时间我读到一篇文章，说 CSS 动画比 JS 动画快。使用 jQuery 做一些动画后，我明白为什么有些人会这样说，因为 jQuery 动画有时会出错且速度慢。然而，我想知道的是，这个论点是否有任何核心真理？

【问题讨论】：

标签： javascript jquery css performance animation

【解决方案1】：

有一个普遍的误解，认为 CSS 动画比 JS 动画更快，因为每当提出这个话题时都会使用所有高调的流行语。然而，CSS 动画比 jQuery 动画快得多而且更稳定，这也是很多人产生这个想法的地方。如果你看一下GreenSock library for JS（这个名字应该对旧的 Flash WebDevs 敲响警钟：v），它比 jQuery 快得多，而且比 CSS 动画还要快。

如果您查看at this website 并向下滚动到“性能比较”部分，您就会发现压力测试确实是我刚才所说的所有内容的基础。我在具有 Intel Core i7 3930K 3.2GHz 处理器和 8GB RAM（无法分辨是什么 GPU）的机器上进行了测试。

运行测试时，请确保将点数设置为 3000，并在所有三个引擎上运行测试。

jQuery 引擎只能渲染一个点
GreenSock 引擎是迄今为止最流畅的引擎
CSS 引擎不错，但似乎不如 GSAP 引擎流畅

显然，如果有人不同意所提供的测试和信息，请提供参考资料和数据说明您不同意的原因

【讨论】：

正如 css-tricks.com 文章指出的那样，说一个总是比另一个快可能是不准确的 - 它取决于情况。但是在许多情况下 JavaScript 肯定会更快（根据我的经验，更多情况下），而有时 CSS 可能会更快，具体取决于设备和 JS 的编写方式。 CSS 会胜过写得不好的 JS，但高效的 JS 往往可以把 CSS 击垮，正如 GSAP 所展示的那样。显然，JavaScript 更加灵活，您可以获得更好的控制和兼容性。当然，我是 GSAP 的忠实粉丝（而且完全有偏见）。我的建议：测试、测试、测试。