웹 성능 최적화 — Core Web Vitals 2026 가이드

Google의 Core Web Vitals 기준과 실전 최적화 방법.

2026년 기준 Core Web Vitals: LCP(Largest Contentful Paint, 2.5초 이내), INP(Interaction to Next Paint, 200ms 이내), CLS(Cumulative Layout Shift, 0.1 이내). INP가 FID를 대체한 것이 가장 큰 변화.

LCP를 개선하는 핵심 방법: 이미지 최적화(WebP/AVIF, 적절한 사이즈), 서버 응답 시간 단축(CDN, 엣지), 렌더링 차단 리소스 제거(CSS 인라인, JS defer).

INP를 개선하는 방법: 긴 작업 분할(requestIdleCallback, scheduler.yield), 이벤트 핸들러 최적화, 메인 스레드 부하 감소.