Что такое composite layers?

Браузер рендерит страницу в слоях: layout → paint → composite. Элементы с transform, opacity, will-change выносятся на отдельные composite layers. Анимация таких элементов = только compositing (GPU), без layout и paint. DevTools → Layers panel показывает все слои. Много слоёв = много GPU памяти — layer explosion. position: fixed, video, canvas, WebGL автоматически создают слои. Оптимизация: анимируй только transform/opacity, остальные свойства (top, width, background) вызывают layout/paint и медленнее.