Как работает композитинг в браузере и как вынести элемент на отдельный слой?

Композитинг объединяет подготовленные слои в итоговый кадр; некоторые изменения могут выполняться без повторного layout и paint содержимого.

will-change:transform сообщает браузеру о планируемой анимации и может помочь выделить слой, но окончательное решение принимает движок. Постоянное добавление слоёв расходует память, поэтому не стоит повсюду ставить translateZ(0). Проверяйте реальное поведение в инструментах производительности.