这篇文章已经更新,以反映更深入的研究。
我注意到,在进行各种CSS3转换时,CSS3的性能比JavaScript差得多,包括高度或不透明度转换&Firefox 5+和Chrome(甚至是最新版本)中的动画,特别是在具有NVIDIA Optimus和/或Intel GMA/IGP图形(包括最新的Intel HD 3000)的平台上。以下是一些样本测试:
在Windows 7 64位、Intel Core i7 2720QM、NVIDIA GeForce 540+Optimus(Intel HD 3000)上:
Firefox 7:5帧/秒
铬15:16 fps
Safari 5.1:40+每秒
我观察到,Firefox特别默认在Optimus系统上使用集成Intel图形(本例中为HD3000),即使出现了功能更强大的NVIDIA GPU,Chrome似乎也会遇到问题。另一方面,即使是在窗户上,野生动物园也是液态的。
我试过强迫Firefox和Chrome在NVIDIA控制面板中使用NVIDIA,但即使这样也不需要。
是否有人知道针对这种情况的驱动程序或浏览器修复程序?我已经用AMD/ATI图形对系统进行了广泛的测试,它们的性能都非常出色。苹果/Mac OSX系统也表现良好。甚至iOS在CSS3转换方面也优于Chrome和Firefox。

最佳答案

我建议走另一条路。请记住,有很多用户没有提供适当加速的图形硬件。
阅读一下,可能会有所帮助:[http://blog.mozilla.com/bjacob/2011/03/28/do users actually get hardware acceleration/][1]
关于FireFox的转换,我发现最好的调整方法是加速滞后的转换或者尽可能完全删除。看看一些高端网站,在很多情况下,他们倾向于完全关闭FireFox的转换。
javaScript在css转换/动画方面有其优点和缺点,也许值得测试一下基本的jQuery,看看它是否有什么不同,尽管我不建议在硬件加速方面做太多的工作,因为我认为你是在试图取悦所有的观众,而不仅仅是那些拥有好电脑的观众。

10-08 08:28
查看更多