Core Web Vitals 설명: LCP, CLS, INP

Core Web Vitals는 Google이 사이트의 실제 사용자 경험을 측정하는 데 사용하는 세 가지 특정 지표입니다: 로딩 속도, 로딩 중 시각적 안정성, 그리고 사용자가 상호작용할 때의 반응성.

이는 Google의 순위 신호의 일부입니다 — 가장 중요한 요소는 아니지만, 점수가 낮으면 잘 최적화된 페이지도 순위가 낮아질 수 있습니다. 각 지표가 측정하는 것과 수정 방법을 정확히 알아보겠습니다.

세 가지 Core Web Vitals

좋은 점수의 기준은 무엇인가요?

지표	좋음	개선 필요	나쁨
LCP	≤ 2.5s	2.5s – 4s	> 4s
CLS	≤ 0.1	0.1 – 0.25	> 0.25
INP	≤ 200ms	200ms – 500ms	> 500ms

낮은 LCP 점수 수정 방법

• 히어로 이미지를 압축하고 적절한 크기로 조정하세요 (WebP와 같은 최신 형식 사용)
• 폰트와 히어로 이미지 같은 중요 자산을 미리 로드하세요
• 초기 페이지 로드에서 렌더링을 차단하는 CSS와 JavaScript를 제거하세요
• 방문자가 지리적으로 분산되어 있다면 CDN을 사용하세요
• 느린 서버 응답 시간 (Time to First Byte)을 개선하세요

낮은 CLS 점수 수정 방법

• 이미지와 비디오에 항상 명시적인 width 및 height 속성을 설정하세요
• 광고와 임베드가 로드되기 전에 공간을 예약하세요
• 기존 콘텐츠 위에 동적으로 콘텐츠를 삽입하는 것을 피하세요
• 커스텀 폰트를 시각적인 폰트 교체 레이아웃 이동 없이 로드하세요

낮은 INP 점수 수정 방법

• 메인 스레드를 차단하는 긴 JavaScript 작업을 분할하세요
• 상호작용 시 불필요한 JavaScript 실행을 줄이세요
• 페이지가 인터랙티브해진 후까지 중요하지 않은 스크립트를 지연시키세요
• 메인 스레드를 경쟁하는 무거운 서드파티 스크립트를 피하세요

점수 확인 방법

실제 방문자로부터 수집된 실세계 데이터(가장 신뢰할 수 있는 소스)를 위해 Google Search Console의 Core Web Vitals 보고서를 사용하거나, 단일 페이지의 즉시 실험실 테스트를 위해 PageSpeed Insights를 사용하세요.

자주 묻는 질문