Из каких этапов состоит рендеринг

Рендеринг в браузере состоит из нескольких ключевых этапов:

1. Парсинг HTML — браузер строит DOM-дерево из полученного HTML.
2. Парсинг CSS — формируется CSSOM (CSS Object Model).
3. Построение Render Tree — комбинация DOM и CSSOM, исключая невидимые элементы (например, display: none).
4. Layout (Reflow) — вычисление позиций и размеров элементов.
5. Paint — отрисовка пикселей (растеризация).
6. Composite — компоновка слоёв для финального отображения.

Пример: изменение width элемента вызовет reflow (пересчёт layout), repaint и, возможно, recomposite. Оптимизация — минимизировать изменения, влияющие на layout (например, используя transform вместо width).