Как происходит рендеринг страницы в браузере

Браузер рендерит страницу поэтапно: 1. **Парсинг HTML** - строится DOM-дерево 2. **Парсинг CSS** - формируется CSSOM (CSS Object Model) 3. **Создание Render Tree** - комбинация DOM и CSSOM 4. **Layout (Reflow)** - вычисление позиций и размеров элементов 5. **Paint** - отрисовка пикселей на экране 6. **Composite** - объединение слоев в окончательное изображение Критический путь рендеринга можно оптимизировать: - Минимизируйте CSS (inline critical CSS) - Откладывайте загрузку неиспользуемого JS (async/defer) - Используйте will-change для сложных анимаций Пример: ```html ```