CSS动画比JS动画更快吗？

Question

CSS动画比JS动画更快吗？

Luk*_*nga 4 javascript css performance jquery animation

我刚才读到的东西说CSS动画比JS动画要快.使用jQuery做一些动画我可以看到为什么有人会说这个,因为jQuery动画有时会出错和慢.然而,我想知道的是,论证中是否有任何硬核真理？

Answer 1

有一种常见的误解认为CSS动画比JS动画更快,因为每当主题出现时都会使用所有高调的动词.CSS动画是不过多更快,更比jQuery的动画稳定,这是很多人得到了这个想法.如果你看一下JS的GreenSock库(这个名字应该响应旧的Flash WebDevs:v),它比jQuery快得多,而且不仅仅是CSS动画的匹配.

如果您看一下这个网站并向下滚动到"性能比较"部分,那么您的压力测试确实是我刚才所说的所有内容的基础.我在一台配备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的巨大[并且完全有偏见]的粉丝.我的建议:测试,测试,测试. (2认同)

归档时间：	11 年，5 月前
查看次数：	1057 次
最近记录：	8 年，2 月前