Что происходит на этапах layout, paint и compositing при отрисовке страницы?

Layout вычисляет геометрию элементов, paint формирует их визуальное содержимое, compositing объединяет подготовленные слои в итоговое изображение.

После расчёта стилей браузер определяет размеры и позиции нужных элементов. Затем подготавливает команды рисования и растеризует соответствующие области. На этапе compositing слои собираются с учётом трансформаций и прозрачности. Изменение геометрии может потребовать повторного layout; некоторые анимации transform и opacity обходятся композицией подготовленных слоёв, но это не универсальная гарантия отсутствия другой работы.