是否有可能在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。

我寧願切換到更快的轉換。