Chrome 18 3d翻译性能

时间:2012-03-30 09:08:16

标签: html5 google-chrome css3 requestanimationframe translate3d

刚刚在运行10.7.1的Mac上将Chrome从17更新为18.0.1025.142,这已经扼杀了我们网站的性能。我们一直在使用translate3d来移动屏幕周围的大量项目。我正在使用requestAnimationFrame进行动画制作。在17年,我们获得了超过50fps的帧率。现在很幸运能获得15fps。这真的很糟糕。

默认情况下硬件加速是否已关闭?有人注意到这样的问题吗?我注意到字体渲染已经改进,现在与Safari(它运行网站很漂亮)相提并论可能这个改变对一般渲染性能有影响吗?

由于NDA,我恐怕无法分享链接。但是,非常感谢任何帮助!

更新

据我所知,它仍然是GPU加速但性能非常糟糕,其他人报告过类似的事情。 V19的Chromium版本似乎又恢复了旧的性能质量。

在启动chrome --show-composited-layer-borders时会出现一个标志,这会将红色边框放在gpu加速元素周围。此选项现在似乎已添加到chrome:// flags /但它在图层周围绘制绿色边框,似乎不再区分gpu元素。有没有人知道显示元素是否由gpu呈现的选项?

chrome:// gpu /说一切都是硬件加速......

1 个答案:

答案 0 :(得分:0)

使用新网页中的新代码重现问题。这将极大地帮助你的SO问题和错误报告。

浏览器会定期调整是否使用硬件加速,具体取决于您的显卡和驱动程序版本是否受支持。更新显卡驱动程序可能会解决的问题,但可能不是其他所有人。 (我写的这个工具可能会有所帮助:graphics driver updater

事实上,您的网站依赖于硬件加速是一个坏主意,因为很大一部分用户拥有糟糕的不受支持的硬件和/或过时的驱动程序,这些驱动程序被列入黑名单以阻止用户的计算机在浏览网页时崩溃。在任何版本的Chrome中,它们都会得到糟糕的,未加速的帧速率。

所以IMO真正的问题是你的网站取决于并非所有人都拥有的硬件加速,而你刚才注意到因为谷歌将你的设置列入Chrome 18的黑名单。