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

feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/Critical Rendering Path (CRP).md
+1 -1
View File
@@ -12,7 +12,7 @@ Critical Rendering Path (CRP)는 웹 브라우저가 HTML, CSS, JavaScript 코
- **성능 최적화 전략:** CRP 최적화를 위해서는 다운로드해야 하는 렌더링 차단 리소스(`<head>` 내부의 CSS 및 동기식 JavaScript)의 크기와 개수를 최소화해야 합니다 [17-19]. 중요하지 않은 리소스의 로드를 지연시키거나 비동기로 처리하여 브라우저의 렌더링 파이프라인이 멈추지 않도록 구성하는 것이 핵심입니다 [17, 20].
## 🔗 Knowledge Connections
- **Related Topics:** [[DOM (Document Object Model)]], [[CSSOM (CSS Object Model)]], [[Render Tree]], [[Reflow]], [[Repaint]]
- **Related Topics:** [[DOM (Document Object Model)]], CSSOM (CSS Object Model), [[Render Tree]], Reflow, Repaint
- **Projects/Contexts:** 최신 프론트엔드 개발의 기초 구조 설계, 코어 웹 바이탈(Core Web Vitals) 성능 개선, React의 Virtual DOM 도입을 통한 렌더링 병목 현상 해결 컨텍스트 [1, 2, 21].
- **Contradictions/Notes:** CSS 선택자의 구체성(specificity)을 높게 작성할 경우 파싱 비용이 증가하지만, 현대 브라우저 엔진은 구문 분석 속도가 매우 빠르기 때문에 이러한 선택자 최적화가 CRP 전체 성능에 미치는 영향은 마이크로초(microseconds) 수준에 불과하여 최적화의 주된 우선순위로 삼기에는 실효성이 부족할 수 있습니다 [22].