요점

Core Web Vitals는 로드, 응답성, 시각 안정성을 LCP, INP, CLS로 포착합니다.

목표는 현장 데이터의 75% 타일로 평가되며, 한 번의 Lighthouse 점수는 진단에 불과합니다.

실천 절차

  1. 템플릿과 단말별로 필드 데이터를 구분한다.
  2. 서버 응답, LCP 자원, 긴 작업, 이미지 치수 향상.
  3. 이미지, 글꼴 및 자바스크립트 예산을 CI로 모니터링합니다.
  4. 실험실에서 다시 확인하고 충분한 사용 후 필드 값을 확인합니다.

영웅 이미지는 치수와 적절한 형식 및 우선 순위를 부여하며 LCP 이미지를 지연 로드하지 않습니다.

흔한 오류

  • 문맥 없이 100점을 쫓는다.
  • 중요 양식을 깨고 때까지 스크립트를 지연합니다.
  • 한 번의 측정으로 합격을 선언한다.

한계

  • 교통량이 적으면 필드 데이터를 얻을 수 없습니다.
  • 지표 개선만으로는 순위가 보장되지 않습니다.

출처

관련 가이드 및 도구