2nd/10_Wiki/Topics/Frontend/모던 웹 성능 최적화(Core Web Vitals).md

id, title, category, status, canonical_id, duplicate_of, aliases, source_trust_level, confidence_score, verification_status, tags, last_reinforced, github_commit

id	title	category	status	canonical_id	duplicate_of	aliases	source_trust_level	confidence_score	verification_status	tags	last_reinforced	github_commit
wiki-2026-0508-모던-웹-성능-최적화-core-web-vitals	모던 웹 성능 최적화(Core Web Vitals)	10_Wiki/Topics	duplicate	core-web-vitals	Core Web Vitals		A	0.9	redirected	duplicate frontend performance core-web-vitals	2026-05-10	pending

모던 웹 성능 최적화(Core Web Vitals)

이 문서는 Core Web Vitals 의 중복본입니다. Canonical 문서로 redirect.

핵심 요약 (specialization aspects)

• 매 LCP <2.5s — 매 priority hints (fetchpriority="high") + preload.
• 매 INP <200ms (FID 의 successor since 2024) — 매 yield to main thread, useTransition.
• 매 CLS <0.1 — 매 width/height attr + content-visibility.
• 매 RUM (Real User Monitoring) via web-vitals.js v4.

🔗 Graph

• 부모: Core Web Vitals (canonical)
• Adjacent: SPA (Single Page Application) · E-commerce Platforms

🕓 변경 이력

날짜	변경
2026-05-08	Phase 1
2026-05-10	중복 처리 — canonical 문서로 redirect