9a135bd19d
최상위 10_Wiki/Topic_*였던 4개 카테고리 폴더를 10_Wiki/Topics/Topic_* 로 재배치. 콘텐츠 변경 없음(순수 폴더 이동) — Topics/ 하위 나머지 폴더는 이미 지난 커밋에서 전부 정리된 상태(잔존 항목은 에이전트 운영 상태 및 사용자가 보존을 요청한 업데이트0615/무제 3.canvas 뿐).
34 lines
1.2 KiB
Markdown
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 |
|