bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

Browse Source
This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics_Art/UI_UX_Assets/중요 렌더링 경로 (Critical Rendering Path).md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[중요 렌더링 경로 (Critical Rendering Path)]]
# [[중요 렌더링 경로 (Critical Rendering Path)|중요 렌더링 경로 (Critical Rendering Path)]]
## 📌 Brief Summary
중요 렌더링 경로(Critical Rendering Path, CRP)는 브라우저가 HTML, CSS, JavaScript 코드를 수신하여 화면의 픽셀로 변환하기까지 거치는 일련의 필수 단계를 의미합니다 [1, 2]. 이 경로는 문서 객체 모델(DOM), CSS 객체 모델(CSSOM) 생성부터 렌더 트리 구축, 레이아웃, 그리고 페인트 단계까지 포함합니다 [2]. 중요 렌더링 경로의 과정을 최적화하면 웹 페이지의 첫 렌더링 시간(Time to First Render)을 단축하고 사용자 상호작용의 지연을 막을 수 있습니다 [1, 3].
@@ -15,8 +15,8 @@
웹 성능을 최적화하기 위해서는 이 경로상에 있는 차단 리소스(예: 렌더링 차단 CSS나 파서 차단 동기식 JavaScript)의 수와 크기를 최소화하고, 로드 순서를 제어해야 합니다 [21-24].
## 🔗 Knowledge Connections
- **Related Topics:** [[DOM(Document Object Model)]], [[CSSOM(CSS Object Model)]], [[리플로우 및 리페인트(Reflow and Repaint)]]
- **Projects/Contexts:** [[웹 성능 최적화(Web Performance Optimization)]]
- **Related Topics:** [[DOM(Document Object Model)|DOM(Document Object Model)]], [[CSSOM(CSS Object Model)|CSSOM(CSS Object Model)]], [[리플로우 및 리페인트(Reflow and Repaint)|리플로우 및 리페인트(Reflow and Repaint)]]
- **Projects/Contexts:** [[웹 성능 최적화(Web Performance Optimization)|웹 성능 최적화(Web Performance Optimization)]]
- **Contradictions/Notes:** CSS는 기본적으로 페이지 렌더링을 차단하는 리소스이지만, `<link>` 요소의 `media` 속성을 통해 현재 뷰포트 조건과 일치하지 않는 CSS를 설정함으로써 렌더링 차단 리소스에서 제외시킬 수 있습니다 [25, 26].
---