---
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 |