웹에서 'Critical Rendering Path(크리티컬 렌더링 경로)'란?
보통 MDN Web Docs해설
크리티컬 렌더링 경로는 브라우저가 HTML 파싱 → DOM 구성 → CSS 파싱 → CSSOM 구성 → 렌더 트리 생성 → 레이아웃 → 페인트의 단계를 거쳐 첫 화면을 그리는 과정입니다. 이 경로를 최적화하면 FCP 등 웹 성능을 향상시킬 수 있습니다.
크리티컬 렌더링 경로는 브라우저가 HTML 파싱 → DOM 구성 → CSS 파싱 → CSSOM 구성 → 렌더 트리 생성 → 레이아웃 → 페인트의 단계를 거쳐 첫 화면을 그리는 과정입니다. 이 경로를 최적화하면 FCP 등 웹 성능을 향상시킬 수 있습니다.