35 lines
1.0 KiB
Markdown
35 lines
1.0 KiB
Markdown
---
|
|
id: wiki-2026-0508-실무에서의-프론트엔드-성능-최적화
|
|
title: 실무에서의 프론트엔드 성능 최적화
|
|
category: 10_Wiki/Topics
|
|
status: duplicate
|
|
canonical_id: core-web-vitals
|
|
duplicate_of: "[[Core-Web-Vitals]]"
|
|
aliases: []
|
|
source_trust_level: A
|
|
confidence_score: 0.9
|
|
verification_status: redirected
|
|
tags: [duplicate, performance, core-web-vitals, frontend]
|
|
last_reinforced: 2026-05-10
|
|
github_commit: pending
|
|
---
|
|
|
|
# 실무에서의 프론트엔드 성능 최적화
|
|
|
|
> **이 문서는 [[Core-Web-Vitals]] 의 중복본입니다.** Canonical 문서로 redirect.
|
|
|
|
## 핵심 요약
|
|
- LCP < 2.5s, INP < 200ms (2024 replaced FID), CLS < 0.1.
|
|
- Image: Next/Image priority + AVIF/WebP, fetchpriority="high" for LCP.
|
|
- JS: code split, defer non-critical, useTransition for non-urgent updates.
|
|
- Font: size-adjust + font-display: swap to prevent CLS.
|
|
|
|
## 🔗 Graph
|
|
- 부모: [[Core-Web-Vitals]] (canonical)
|
|
|
|
## 🕓 변경 이력
|
|
| 날짜 | 변경 |
|
|
|---|---|
|
|
| 2026-05-08 | Phase 1 |
|
|
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |
|