Выбор ответа Middle Рендеринг страницы спрашивают часто обновлено
Какое свойство дешевле анимировать
Вопрос
Какое изменение обычно обходится только этапом composite, без layout и paint?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: transform: translateX(100px) у элемента на слое. transform и opacity для элемента, вынесенного на отдельный слой, меняются композитором без пересчёта геометрии и перерисовки. left и width меняют геометрию и запускают layout. background-color не трогает геометрию, но требует перерисовки,…
Варианты ответа
left: 100pxу абсолютно позиционированного блокаwidth: 50%у блока, вынесенного на свой слойbackground-color: redу элемента на своём слоеtransform: translateX(100px)у элемента на слоеправильный ответ
Разбор
transform и opacity для элемента, вынесенного на отдельный слой, меняются композитором без пересчёта геометрии и перерисовки. left и width меняют геометрию и запускают layout. background-color не трогает геометрию, но требует перерисовки, то есть paint.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.