Что такое CRP

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