Html Chrome 18 3d翻译性能

Html Chrome 18 3d翻译性能,html,google-chrome,css,requestanimationframe,translate3d,Html,Google Chrome,Css,Requestanimationframe,Translate3d,刚刚在运行10.7.1的Mac上将Chrome从17升级到18.0.1025.142,它扼杀了我们网站的性能。我们一直在使用translate3d在屏幕上移动大量项目。我正在用requestAnimationFrame制作动画。在17年,我们的帧速率达到了50帧以上。现在有幸获得15帧每秒。真糟糕 默认情况下是否已关闭硬件加速?还有人注意到这样的问题吗?我注意到字体渲染已经得到改进,现在与Safari(网站运行得很好)相当,也许这个改变对一般渲染性能有影响? 由于保密协议,我恐怕无法共享该链接。

刚刚在运行10.7.1的Mac上将Chrome从17升级到18.0.1025.142,它扼杀了我们网站的性能。我们一直在使用translate3d在屏幕上移动大量项目。我正在用requestAnimationFrame制作动画。在17年,我们的帧速率达到了50帧以上。现在有幸获得15帧每秒。真糟糕

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

由于保密协议,我恐怕无法共享该链接。但任何帮助都将不胜感激

更新:

据我所知,它仍然是GPU加速,但性能真的很差,其他人报告了类似的事情。v19的Chromium版本似乎恢复了旧的性能质量

在启动chrome时,曾经有一个标志——显示合成层边框,这将在gpu加速元素周围放置红色边框。该选项现在似乎已添加到chrome://flags/ 但它在图层周围绘制绿色边框,似乎不再区分gpu元素。有人知道一个显示gpu是否渲染元素的选项吗


chrome://gpu/ 表示一切都在硬件加速…

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

浏览器会根据是否支持图形卡和驱动程序版本,定期调整是否使用硬件加速。更新图形卡驱动程序可能会为您解决问题,但可能不是所有其他人。(我写的这个工具可能会有帮助:)

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


所以在我看来,真正的问题是你的网站依赖于硬件加速,而不是每个人都有,你刚刚注意到,因为谷歌将你的Chrome设置列入了Chrome 18的黑名单。

我在这里提交了一份Chrome的错误报告:我将尝试在一个可共享的URL中复制,但我现在根本没有时间。如果是硬件加速问题,则在Chromium Mac dev build 121128(19.0.1036.0)中予以纠正。这在我们所有的机器(Mac或Windows)上都是如此。我同意依赖硬件加速是个坏主意,我们只在支持的情况下使用translate3d,否则使用左和右定位。令人烦恼的是,左侧和顶部定位产生的动画比buggy translate3d更平滑,但使用translate3d明显优于这两者。我们只能测试translate3d是否可用,而不能测试它是否工作正常。