Почему включение аппаратного ускорения в CSS3 снижает производительность?

Я перемещаю 6000 маленьких элементов div в эксперименте css3, используя переход от top: 0до top: 145pxдля проверки производительности.

При использовании безаппаратного ускорения в Google Chrome все работает гладко.

Если я включу аппаратное ускорение с помощью translateZ(0), производительность станет ужасной.

Почему это так?

Вот мой пример кода: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html


Обновление(2014-11-13): Поскольку этот вопрос все еще привлекаю внимание Я хотел бы отметить, что сама проблема, кажется, все еще существует, хотя упомянутое заикание может больше не проявляться в представленной демонстрации на современном оборудовании. На старых устройствах могут по-прежнему возникать проблемы с производительностью.

81
задан Timo 13 November 2014 в 09:32
поделиться