--- id: wiki-2026-0508-브라우저-렌더링-과정-critical-rendering-p title: 브라우저 렌더링 과정 (Critical Rendering Path) category: 10_Wiki/Topics status: duplicate canonical_id: critical-rendering-path duplicate_of: "[[Critical Rendering Path]]" aliases: [] source_trust_level: A confidence_score: 0.9 verification_status: redirected tags: [duplicate, frontend, browser, rendering, performance] last_reinforced: 2026-05-10 github_commit: pending --- # 브라우저 렌더링 과정 (Critical Rendering Path) > **이 문서는 [[Critical Rendering Path]] 의 중복본입니다.** Canonical 문서로 redirect. ## 핵심 요약 (specialization aspects) - 매 CRP 단계: HTML parse → DOM, CSS parse → CSSOM, DOM+CSSOM → Render Tree, Layout, Paint, Composite. - 매 2026 metrics: LCP, INP (FID 대체, 2024-03), CLS — Core Web Vitals. - 매 최적화: critical CSS inlining, lazy hydration, content-visibility, View Transitions API. ## 🔗 Graph - 부모: [[Critical Rendering Path]] (canonical) - 변형: [[Core Web Vitals]] - Adjacent: [[Layout Thrashing]] ## 🕓 변경 이력 | 날짜 | 변경 | |---|---| | 2026-05-08 | Phase 1 | | 2026-05-10 | 중복 처리 — canonical 문서로 redirect |