Я перемещаю 6000 маленьких элементов div в эксперименте css3, используя переход от top: 0
до top: 145px
для проверки производительности.
При использовании безаппаратного ускорения в Google Chrome все работает гладко.
Если я включу аппаратное ускорение с помощью translateZ(0)
, производительность станет ужасной.
Почему это так?
Вот мой пример кода: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html
Обновление(2014-11-13): Поскольку этот вопрос все еще привлекаю внимание Я хотел бы отметить, что сама проблема, кажется, все еще существует, хотя упомянутое заикание может больше не проявляться в представленной демонстрации на современном оборудовании. На старых устройствах могут по-прежнему возникать проблемы с производительностью.