Core Web Vitals

Q: Core Web Vitals 개선에 가장 빠른 효과를 보는 작업은 무엇인가요?

이미지 최적화가 가장 즉각적인 효과를 낸다. WebP 변환과 `loading="lazy"`, `width`·`height` 속성 추가는 LCP와 CLS를 동시에 개선하며 구현 난이도도 낮다.

정의

Core Web Vitals는 Google이 정의한 사용자 경험 핵심 지표 3종이다.

TL;DR

Core Web Vitals는 LCP(로딩 속도)·INP(반응성)·CLS(시각적 안정성) 세 지표로 구성된다. Google은 이 지표를 검색 순위 Page Experience 신호로 사용하며, 75번째 백분위수(CrUX Field Data)를 기준으로 삼는다. 각 지표의 Good 임계값은 LCP ≤2.5초, INP ≤200ms, CLS ≤0.1이다.

세 가지 지표

LCP (Largest Contentful Paint) — 로딩 속도

LCP는 뷰포트 안에서 가장 큰 콘텐츠 요소(이미지·텍스트 블록)가 렌더링 완료되는 시간을 측정한다.

등급	LCP
Good	2.5초 이하
Needs Improvement	2.5초 ~ 4.0초
Poor	4.0초 초과

주요 원인: 느린 서버 응답(TTFB), 렌더 블로킹 리소스, 이미지 최적화 미흡. 개선 방법으로는 CDN 도입, 이미지 WebP·AVIF 변환, <link rel="preload"> 적용이 있다.

INP (Interaction to Next Paint) — 반응성

INP는 사용자 입력부터 다음 화면 갱신까지 걸리는 시간을 측정한다. 2024년 3월 12일 FID(First Input Delay)를 대체해 Core Web Vitals에 공식 편입됐다.

등급	INP
Good	200ms 이하
Needs Improvement	200ms ~ 500ms
Poor	500ms 초과

FID와 달리 INP는 페이지 체류 동안 발생하는 모든 인터랙션의 75번째 백분위수를 기록한다. 클릭, 탭, 키보드 입력이 모두 포함된다.

CLS (Cumulative Layout Shift) — 시각적 안정성

CLS는 페이지 로드 중 예상치 못한 레이아웃 이동의 누적 점수를 측정한다. 광고·이미지·폰트 로드 후 콘텐츠가 밀리는 현상이 대표적이다.

등급	CLS
Good	0.1 이하
Needs Improvement	0.1 ~ 0.25
Poor	0.25 초과

개선 방법: 이미지와 광고에 width·height 속성 지정, 웹폰트 font-display: optional 설정, 동적 삽입 콘텐츠 상단 배치 지양.

측정 방법

Field Data (실제 사용자 데이터)

Google은 75번째 백분위수 기준을 사용한다. 상위 25% 사용자가 경험하는 최악의 값이 Good 임계값 이내여야 Good 등급을 받는다. Chrome User Experience Report(CrUX)가 데이터 소스이며, Google Search Console "Core Web Vitals" 보고서에서 확인할 수 있다.

Lab Data (시뮬레이션 데이터)

Google PageSpeed Insights와 Lighthouse는 시뮬레이션 환경에서 지표를 측정한다. Lab Data는 Field Data와 다를 수 있으며, 공식 순위 반영 기준은 Field Data다.

SEO와 Page Experience

Google은 2021년 6월부터 Core Web Vitals를 Page Experience 신호로 검색 순위에 반영하기 시작했다. Google Search Central은 "페이지 경험이 좋으면 순위에 유리하지만, 콘텐츠 관련성이 가장 중요한 요소다"라고 명시한다. Poor 등급 페이지는 동일한 콘텐츠 품질 조건에서 순위가 낮아질 수 있다.

web.dev 공식 데이터에 따르면 Core Web Vitals를 개선했을 때 이탈률·전환율 등 비즈니스 지표도 함께 개선되는 사례가 반복적으로 보고됐다.

AEO와의 관계

Core Web Vitals는 직접적인 AEO 지표가 아니지만, AI 답변 엔진이 인용 소스를 선택할 때 Google 검색 인덱스를 기반으로 하는 경우 간접적으로 연결된다. Google AI Overviews는 Google 검색 상위 랭크 페이지에서 우선적으로 인용 소스를 선택하는 경향이 있으며, Core Web Vitals Poor 등급은 검색 순위를 낮춰 AI 인용 후보에서 멀어지게 한다.

한국 시장 맥락

한국은 모바일 사용률이 높고 LTE·5G 환경이 좋아 로딩 속도 기대치가 높다. 동시에 광고 집약적인 뉴스·커머스 사이트에서 CLS 점수가 낮은 경우가 많다. 네이버 블로그, 티스토리처럼 플랫폼 기반 콘텐츠는 Core Web Vitals를 직접 제어하기 어렵지만, 자체 운영 사이트라면 LCP·CLS 개선이 검색 경쟁력과 직결된다.

자주 묻는 질문

Q. Core Web Vitals와 Lighthouse 점수는 같은가요? A. 다르다. Lighthouse는 Lab Data(시뮬레이션)이고, Core Web Vitals 순위 반영 기준은 CrUX Field Data(실제 사용자)다. Lighthouse 100점이어도 Field Data에서 Poor 등급이 나올 수 있다.

Q. INP가 FID보다 측정하기 어렵다는데 왜인가요? A. FID는 첫 인터랙션 하나만 측정했지만, INP는 세션 전체의 모든 클릭·탭·키 입력을 추적한다. 다양한 사용자 행동 패턴에 따라 INP가 달라지므로 Lab 환경에서 완전히 재현하기 어렵다.

Q. 사이트 전체가 아닌 일부 페이지만 Poor면 어떻게 되나요? A. Google은 페이지 단위로 Core Web Vitals를 평가한다. Poor 등급 페이지만 개별적으로 순위에 영향을 받는다. Google Search Console에서 "URL별" 필터로 문제 페이지를 파악할 수 있다.

Q. Core Web Vitals 개선에 가장 빠른 효과를 보는 작업은 무엇인가요? A. 이미지 최적화가 가장 즉각적인 효과를 낸다. WebP 변환과 loading="lazy", width·height 속성 추가는 LCP와 CLS를 동시에 개선하며 구현 난이도도 낮다.

Q. CrUX 데이터가 없는 새 사이트는 어떻게 하나요? A. 트래픽이 충분하지 않으면 CrUX에 데이터가 없고 "기타" 범주로 표시된다. 이 경우 Page Experience 신호가 적용되지 않는다. 콘텐츠 중심으로 먼저 트래픽을 확보한 뒤 Core Web Vitals 최적화를 진행하는 것이 현실적이다.