LCP란?
뷰포트 안에서 가장 큰 텍스트·이미지·동영상 블록이 렌더된 시점을 측정한다. 사용자가 "페이지가 떴다"고 느끼는 순간에 가깝다.
기준
- Good: ≤ 2.5s
- Needs Improvement: 2.5~4s
- Poor: > 4s
개선법
- 서버 응답 시간(TTFB) 줄이기
- Hero 이미지 preload +
priority - 차단형 JS/CSS 축소
- 폰트 display: swap
- CDN 사용
페이지 로드 후 가장 큰 콘텐츠 요소가 보이기까지의 시간. Core Web Vitals 핵심, 2.5초 이하 권장.
뷰포트 안에서 가장 큰 텍스트·이미지·동영상 블록이 렌더된 시점을 측정한다. 사용자가 "페이지가 떴다"고 느끼는 순간에 가깝다.
priority