Как браузер рендерит страницу (Critical Rendering Path)?

Critical Rendering Path (CRP) -- последовательность шагов от получения HTML до отображения пикселей на экране: парсинг HTML в DOM, парсинг CSS в CSSOM, объединение в Render Tree, Layout (вычисление размеров и позиций), Paint (отрисовка пикселей), Composite (слияние слоёв). CSS блокирует рендеринг, синхронный JS блокирует парсинг HTML. Оптимизация CRP -- ключ к быстрому First Contentful Paint.