36 lines
1.3 KiB
Markdown
36 lines
1.3 KiB
Markdown
---
|
|
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]] · [[Render Blocking Resources]]
|
|
- Adjacent: [[Browser Memory Management]] · [[Layout Thrashing]]
|
|
|
|
## 🕓 변경 이력
|
|
| 날짜 | 변경 |
|
|
|---|---|
|
|
| 2026-05-08 | Phase 1 |
|
|
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |
|