html - Chrome 和 Firefox 上的 CSS3 Transitions 在 Optimus 或 Intel IGP 配置中表现不佳。怎么修？

Question

这篇文章已经更新，以反射(reflect)更彻底的研究。

我注意到，在执行各种 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) 上:

火狐 7:5 帧/秒Chrome 15:16 帧/秒Safari 5.1:40+ fps

我观察到 Firefox 特别默认在 Optimus 系统上使用集成的 Intel 显卡(在本例中为 HD 3000)——即使存在更强大的 NVIDIA GPU，而 Chrome 似乎是命中注定。另一方面，Safari 流畅流畅，即使在 Windows 上也是如此。

我试过强制 Firefox 和 Chrome 在 NVIDIA 控制面板中使用 NVIDIA，但即使那样也行不通。

有人知道针对这种情况的驱动程序或浏览器修复程序吗？我已经广泛测试了带有 AMD/ATI 显卡的系统，它们都表现出色。 Apple/Mac OSX 系统也表现出色。在 CSS3 转换方面，甚至 iOS 也优于 Chrome 和 Firefox。

Answer 1

我建议走另一条路。请记住，有大量用户没有提供合适加速的图形硬件。

阅读一下，可能会有帮助:[http://blog.mozilla.com/bjacob/2011/03/28/do-users-actually-get-hardware-acceleration/][1]

关于 FireFox 转换，我发现调整它们的最佳方法是加速滞后转换或尽可能完全删除。看看一些高端网站，在许多情况下，他们倾向于完全关闭 FireFox 的转换。

JavaScript 相对于 css 转换/动画有利有弊，可能值得测试一些基本的 jQuery 看看它是否有所作为，但我不建议过多地使用硬件加速，因为我假设你是试图取悦所有观众，而不仅仅是那些拥有像样的电脑的观众。