Files
2nd/10_Wiki/Topics/Programming & Language/Code Splitting Lazy Loading (코드 분할 및 지연 로딩).md
T
2026-05-10 22:08:15 +09:00

35 lines
1.1 KiB
Markdown

---
id: wiki-2026-0508-code-splitting-lazy-loading-코드-분
title: Code Splitting & Lazy Loading (코드 분할 및 지연 로딩)
category: 10_Wiki/Topics
status: duplicate
canonical_id: code-splitting
duplicate_of: "[[Code Splitting]]"
aliases: [Lazy Loading]
source_trust_level: A
confidence_score: 0.9
verification_status: redirected
tags: [duplicate, web-performance, bundling]
last_reinforced: 2026-05-10
github_commit: pending
---
# Code Splitting & Lazy Loading (코드 분할 및 지연 로딩)
> **이 문서는 [[Code Splitting]] 의 중복본입니다.** Canonical 문서로 redirect.
## 핵심 요약
- Code splitting = bundle 매 multiple chunks 로 split, on-demand load → initial payload 감소.
- 매 React: `React.lazy()` + `Suspense`, dynamic `import()`.
- Lazy loading 매 image/component/route 단위 — Vite/webpack/esbuild 매 default 지원.
## 🔗 Graph
- 부모: [[Code Splitting]] (canonical)
- Adjacent: [[Tree Shaking]] · [[Dynamic Import]]
## 🕓 변경 이력
| 날짜 | 변경 |
|---|---|
| 2026-05-08 | Phase 1 |
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |