Как происходит отрисовка сайта в браузере

Браузер отрисовывает сайт поэтапно: 1. **Парсинг HTML** – строится DOM-дерево 2. **Парсинг CSS** – формируется CSSOM (объектная модель CSS) 3. **Формирование дерева рендеринга** – объединение DOM и CSSOM 4. **Layout (reflow)** – вычисление позиций и размеров элементов 5. **Paint** – отрисовка пикселей (растеризация) 6. **Composite** – композиция слоёв Критический путь рендеринга – этапы, которые должны завершиться для первого отображения контента. Оптимизация включает: - Минификацию и сжатие ресурсов - Использование `async/defer` для скриптов - Критический CSS в `` Пример блокирующего рендеринг кода: ```html ```