有没有测量过CSS在编码效果方面比Javascript快多少

Have there been measurements on how much faster CSS is than Javascript for coding an effect?

本文关键字:方面比 Javascript 多少 编码 测量 CSS 有没有      更新时间:2023-09-26

我最近发现了一个CSS伪类,它可以突出显示表单字段,而不是使用一些自定义javascript来做同样的事情。另一个例子是使用CSS而不是javascript突出显示表行。

所以我的问题是:对于这样的事情,使用CSS比javascript快多少?显然,我们谈论的是一般性的,但可能有一个很好的经验法则

与我过去使用的其他方法相比,我认为这是一种在页面上获得小性能提升的新途径。

任何可以在CSS中合理完成的风格效果都绝对应该在CSS中完成,而不是在javascript中完成。它几乎肯定会表现得更好。然而,真正的好处是,使用CSS对事物进行样式化是有意义的。这就是CSS的作用。

使用javascript对可以使用CSS进行样式设置的东西进行样式设置,我觉得这并不比使用表进行布局或使用<font><center>等不推荐使用的标签来获得您想要的外观更好。。。这是一个不受欢迎的黑客攻击。

至于性能,不幸的是,这种东西很难测试。通常情况下,你会在一个循环中以尽可能快的速度一遍又一遍地做一些事情,比如说,5秒,然后以尽可能慢的速度做其他事情,持续5秒,看看哪件事情能够在指定的时间内执行最多次。由于没有办法在不添加会扭曲测试结果的大量开销的情况下自动悬停/取消悬停元素,因此很难进行测试。

我非常感谢其他答案,但css也有不好的一面:

不,css并不总是更快的