도구

Core Web Vitals 기준값: LCP, INP, CLS

지표의 경계값을 의미 있게 만드는 측정 조건과 함께 확인합니다.

최대 콘텐츠풀 페인트 (LCP)

정의

페이지 로딩 시작부터 표시 영역에서 가장 큰 이미지, 동영상 프레임 또는 텍스트 블록이 렌더링될 때까지의 시간입니다.

측정 방법

Chrome은 실제 사용자 환경에서, Lighthouse는 실험 환경에서 보고합니다. 필드 평가는 페이지 로딩의 75번째 백분위수를 사용합니다.

CrUX 필드 결과는 이동식 28일 수집 기간의 75번째 백분위수를 사용합니다. 개별 실험 실행과는 다릅니다.

기준값

  • 좋음 좋음: 2.5 s 이하
  • 개선 필요 개선 필요: 2.5 s 초과, 4.0 s 이하
  • 나쁨 나쁨: 4.0 s 초과

개선 방법

  • 가능하면 LCP 후보 콘텐츠를 초기 HTML에서 발견할 수 있게 합니다.
  • LCP 이미지는 지연 로딩하지 않습니다. 중요한 초기 이미지에 fetchpriority="high"를 선택적으로 사용합니다.
  • 서버 응답 시간을 줄이고 렌더링을 막는 CSS와 JavaScript를 제거합니다.
  • 최신 형식의 압축된 반응형 이미지를 사용합니다.

기준값은 Google의 공개 지침을 따릅니다. 변경 사항은 연결된 문서에서 확인하세요. web.dev

도구 사용 방법

  1. 원래 보고서에서 지표와 단위를 확인합니다.
  2. 현장 데이터의 75번째 백분위수인지 개별 실험실 결과인지 구분합니다.
  3. 여기에 표시된 좋음, 개선 필요, 나쁨 범위와 비교합니다.
  4. 좋음 범위를 벗어났다면 관련 가이드로 원인을 조사합니다.

모바일과 데스크톱 결과는 분리합니다. 하나의 URL인지 여러 페이지를 합친 원본인지도 확인합니다. 기준값은 둘 다 분류할 수 있지만 개별 페이지에 대해 내릴 수 있는 판단은 범위에 따라 달라집니다.

결과의 의미

LCP는 화면에 보이는 대상 중 측정 자격이 있는 가장 큰 콘텐츠의 로딩을 측정합니다. 2.5초 이하는 좋음, 2.5초 초과부터 4.0초 이하는 개선 필요, 4.0초 초과는 나쁨입니다.

INP는 측정 대상인 상호작용의 반응성을 나타냅니다. 200밀리초 이하는 좋음, 200밀리초 초과부터 500밀리초 이하는 개선 필요, 500밀리초 초과는 나쁨입니다.

CLS는 예기치 않은 레이아웃 이동을 측정하며 시간 단위가 없습니다. 0.1 이하는 좋음, 0.1 초과부터 0.25 이하는 개선 필요, 0.25 초과는 나쁨입니다. CLS에 초나 밀리초를 붙이지 않습니다.

이 범위는 Google의 공개 Core Web Vitals 안내를 따릅니다. 0부터 100까지의 Lighthouse 성능 점수와 같은 척도가 아닙니다. 입문 가이드에서 지표와 도구의 관계를 설명합니다.

75번째 백분위수는 무엇을 뜻하나요?

p75 값은 관련 모집단에서 측정한 값의 대략 4분의 3보다 크거나 같습니다. 평균도 가장 빠른 테스트도 아닙니다. 현장 평가는 이 방식으로 상당수 방문이 목표를 충족하는지 판단합니다.

개별 실험실 테스트는 진단에 유용하지만 모집단의 백분위수를 확정하지는 못합니다. 수집 방법이나 기간이 다른 보고서를 비교하기 전에 현장 및 실험실 데이터 가이드를 확인합니다.

지표 하나가 없으면 어떻게 하나요?

없는 데이터는 없는 상태로 둡니다. 측정 대상 상호작용이 없는 방문은 INP 값을 만들지 않으며 페이지에 보고 가능한 현장 표본이 부족할 수도 있습니다.

출처 도구의 데이터 범위 규칙을 읽습니다. PageSpeed Insights는 INP가 부족해도 좋은 LCP와 CLS를 평가할 수 있지만 LCP나 CLS가 충분하지 않으면 그 평가를 할 수 없습니다. 이를 이유로 INP를 만들어 넣거나 다른 페이지의 값을 가져오면 안 됩니다.

경계값 근처에서는 무엇을 해야 하나요?

색상뿐 아니라 실제 값과 분포를 보관합니다. 경계 근처의 작은 악화는 다음 구간으로 넘어가게 할 수 있고 반올림은 다른 값을 비슷하게 보이게 할 수 있습니다. 대표 페이지를 조사하고 비교 가능한 테스트를 반복합니다.

이미 측정한 값은 Core Web Vitals 검사기에 넣은 뒤 해당 구현 가이드를 따릅니다. 기준값은 우선순위를 정하는 도구이며 검색 순위나 모든 방문자의 좋은 경험을 보증하지 않습니다.

관련 가이드