---
id: wiki-20260508-spa--redir
title: SPA 라우트 전환 성능 최적화
category: 10_Wiki/Topics
status: duplicate
canonical_id: code-splitting-lazy-loading
duplicate_of: "[[Code Splitting  Lazy Loading (코드 분할 및 지연 로딩)]]"
aliases: []
source_trust_level: A
confidence_score: 0.9
verification_status: redirected
tags: [duplicate, spa, performance, frontend]
last_reinforced: 2026-05-10
github_commit: pending
---

# SPA 라우트 전환 성능 최적화

> **이 문서는 [[Code Splitting  Lazy Loading (코드 분할 및 지연 로딩)]] 의 중복본입니다.** Canonical 문서로 redirect.

## 핵심 요약 (specialization aspects)
- 매 SPA route 전환 의 LCP / INP 최적화 — 매 route-level code split 의 핵심.
- 매 prefetch on hover / intersection — 매 perceived latency 의 단축.
- 매 React Router / Next App Router 의 lazy + Suspense 의 활용.

## 🔗 Graph
- 부모: [[Code Splitting  Lazy Loading (코드 분할 및 지연 로딩)]] (canonical)
- Adjacent: [[Cumulative Layout Shift (CLS)]] · [[Google Lighthouse]]

## 🕓 변경 이력
| 날짜 | 변경 |
|---|---|
| 2026-05-08 | Phase 1 |
| 2026-05-10 | 중복 처리 — Code Splitting canonical 로 redirect |