是否有可能在CSS宽度转换时强制进行硬件加速

Question

当我使用CSS转换更改元素宽度或边距时，我注意到了生涩的laggy性能。

反正有强制硬件加速吗？有没有什么方法可以使用变换属性来实现接近相似的结果？

Answer 1

不是。硬件加速取决于很多因素，它们都不受javascript控制。

这给我们提出了如何提高CSS宽度/边距转换性能的问题，答案通常是“用尺度替换”，因为它可以在GPU上廉价地完成，并且不会触发回流。

• http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
• http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/
• Improving CSS3 transition performance
• Jerky CSS transform transition in Chrome

人们还知道，Chrome不这样做，以及工作加速CSS转换为Firefox和IE浏览器。

• Why transitions for some CSS properties are slow and none fluent
• CSS3 transform difference in Firefox and Chrome and IE
• http://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/

事实上，考虑到谷歌拒绝指标事件on the ground of speed，其中IE solved by GPU acceleration，它可以说是浏览器（和一般的Webkit - Safari是甚至更慢）在这方面落后，唯一的帮助方法是contributing code to Chromium/Webkit。

我宁愿切换到更快的转换。