Files
2nd/10_Wiki/Topics/Frontend/프론트엔드 애플리케이션 렌더링 병목 개선.md
T
Antigravity Agent f8b21af4be Wiki cleanup: error-doc removal, dedup merge, link normalization
10_Wiki/Topics 대규모 정리:
- 오류 캡처/미완성 stub 문서 227개 제거
- 교차폴더 중복 43클러스터 병합 (63파일 → redirect)
- 링크명 정규화: 깨진 링크 수정·redirect 직결·개념 매핑 ~2,400건
- 카테고리 MOC 6개 신규 생성
- Graph 섹션 미해결 related-keyword 링크 10,058건 제거

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-20 23:52:15 +09:00

34 lines
1.2 KiB
Markdown

---
id: wiki-2026-0508-프론트엔드-애플리케이션-렌더링-병목-개선
title: 프론트엔드 애플리케이션 렌더링 병목 개선
category: 10_Wiki/Topics
status: duplicate
canonical_id: frontend-rendering-performance
duplicate_of: "[[Frontend Rendering Performance]]"
aliases: []
source_trust_level: A
confidence_score: 0.9
verification_status: redirected
tags: [duplicate, frontend, performance, rendering]
last_reinforced: 2026-05-10
github_commit: pending
---
# 프론트엔드 애플리케이션 렌더링 병목 개선
> **이 문서는 [[Frontend Rendering Performance]] 의 중복본입니다.** Canonical 문서로 redirect.
## 핵심 요약
- 매 bottleneck 진단: 매 React Profiler · 매 Chrome Performance · 매 Long Tasks · 매 INP regression.
- 매 fix 패턴: 매 `React.memo` · 매 virtualization (TanStack Virtual) · 매 code-splitting · 매 Suspense boundary.
- 매 GPU compositing: 매 `transform`/`opacity` 만 의 animate · 매 `will-change` 의 신중한 사용.
## 🔗 Graph
- Adjacent: [[Critical Rendering Path (CRP)|Critical Rendering Path]] · [[Web Vitals (LCP/INP/CLS)]]
## 🕓 변경 이력
| 날짜 | 변경 |
|---|---|
| 2026-05-08 | Phase 1 |
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |