Что такое критические этапы рендеринга

Критические этапы рендеринга (Critical Rendering Path) — это последовательность шагов, которые браузер выполняет для преобразования HTML, CSS и JavaScript в пиксели на экране. Оптимизация CRP напрямую влияет на скорость загрузки страницы. Основные этапы: 1. **DOM** — парсинг HTML и построение дерева DOM 2. **CSSOM** — парсинг CSS и построение дерева CSSOM 3. **Render Tree** — комбинация DOM и CSSOM 4. **Layout** (Reflow) — расчет позиций и размеров элементов 5. **Paint** — отрисовка пикселей Пример блокировки: ```html ``` Оптимизации: - Минификация и сжатие ресурсов - Async/defer для скриптов - Критический CSS в `` - Избегание синхронных layout-триггеров