Каковы недостатки аппаратного ускоренного html?

Question

Прямо сейчас я тестирую Iphone 5, и каждый раз, когда добавляю аппаратное ускорение (translatez(0)) на элемент, он, кажется, резко увеличивает производительность, пока я не могу понять ничего отрицательного.

• Каковы недостатки помещения всех элементов в аппаратный ускоренный режим?
• Я заметил некоторые проблемы с z-упорядочением между аппаратными и не-аппаратными ускоренными элементами. На какие еще недостатки я должен обратить внимание?
• Как это сделать с другими устройствами и браузером, например, Android или Windows Phone?
• Я думаю, ответ на этот вопрос будет следовать из вышеприведенного ответа, но почему не все ускользает от посторонних?

Answer 1

У меня была проблема с аппаратным ускорением в 2 раза. Сначала в Firefox, который просто не показывает радиальные градиенты (на некоторых компьютерах). И однажды в Android Webview, где я получил несколько устройств, мерцающих и замедляющих работу.

Итак, мои опыты с аппаратным ускорением: это когда-то более подверженное ошибкам.

Answer 2

Общей ошибкой, которую я видел при включении «аппаратного ускорения» для элементов, которые могут содержать много детей или занимающих большую часть экрана, является то, что некоторые браузеры могут не отображать его вообще, оставляя вас с большим белым пятном в в середине экрана.

Я видел эту ошибку в основном в результате оптимизации чувствительной веб-страницы, где все работает безупречно на маленьком экране, а затем оно не работает на настольных компьютерах с Chrome, например. Я думаю, что это зависит от ОС и графического адаптера, но я никогда не вникаю в него гораздо больше. Решение обычно заключается в сужении использования аппаратного ускорения только для частей DOM, которые вам действительно нужны.