웹 성능 최적화 — Core Web Vitals 개선 전략

Core Web Vitals

• LCP (Largest Contentful Paint): 2.5초 이하
• FID (First Input Delay): 100ms 이하
• CLS (Cumulative Layout Shift): 0.1 이하

LCP 개선

• 이미지 최적화 (WebP, lazy loading)
• 폰트 preload
• 서버 응답 시간 단축

CLS 개선

이미지/비디오에 width/height 지정, 동적 콘텐츠에 min-height 설정.