코어 웹 바이탈이란? 구글이 페이지 경험을 재는 세 가지 속도·안정성 지표
코어 웹 바이탈(Core Web Vitals)은 구글이 실제 사용자 환경에서 페이지 경험을 재는 세 지표 LCP(로딩)·INP(반응성)·CLS(시각 안정성)다. 각 지표의 뜻과 구글이 공개한 "양호" 기준, 측정 도구, 순위와의 관계, 중소기업 사이트에서 흔한 원인까지.
코어 웹 바이탈이란 무엇인가
코어 웹 바이탈(Core Web Vitals)이란 구글이 실제 사용자의 방문 데이터로 페이지 경험을 평가하기 위해 정한 세 가지 핵심 지표, 즉 LCP(Largest Contentful Paint, 주요 콘텐츠 표시 시간)·INP(Interaction to Next Paint, 상호작용 반응성)·CLS(Cumulative Layout Shift, 화면 밀림)의 묶음이다. 2024년 3월 INP 가 기존 FID 를 대체했다.
구글은 이를 순위 시스템의 "페이지 경험" 신호 일부로 쓰되, 콘텐츠 관련성이 우선이라고 밝힌다. 즉 코어 웹 바이탈이 나쁘다고 곧바로 순위가 떨어지지는 않지만, 비슷한 페이지끼리는 차이를 만들 수 있고 크롤링·렌더링 실패로 이어지는 심각한 문제는 색인 자체에 영향을 준다.
세 지표는 각각 무엇을 재는가?
| 지표 | 무엇을 재는가 | 구글 "양호" 기준 | 흔한 원인 |
|---|---|---|---|
| LCP | 화면에서 가장 큰 콘텐츠(대개 메인 이미지·제목)가 보이기까지 | 2.5초 이하 | 큰 이미지, 느린 서버 응답, 렌더링 차단 스크립트 |
| INP | 클릭·탭·키 입력 후 화면이 반응하기까지(방문 전체 중 가장 느린 상호작용) | 200밀리초 이하 | 무거운 자바스크립트, 메인 스레드 점유 |
| CLS | 로딩 중 요소가 밀리는 정도 | 0.1 이하 | 크기 미지정 이미지·광고·폰트 교체 |
기준은 방문의 75번째 백분위(느린 쪽 25%까지 포함)로 판정한다. 모바일과 데스크톱을 따로 본다.
어떻게 측정하는가?
- 구글 서치콘솔 › 코어 웹 바이탈 보고서 — 실제 방문 데이터(CrUX) 기준으로 URL 그룹별 양호·개선 필요·나쁨. 방문이 적은 사이트는 데이터가 없을 수 있다.
- PageSpeed Insights — URL 하나의 실사용 데이터와 실험실 측정을 함께 보여 주고 원인 항목을 제안한다.
- 브라우저 개발자 도구의 Lighthouse·Performance 패널 — 개발 중 실험실 측정.
- 실사용 데이터가 없으면 실험실 값으로 방향만 잡고, 방문이 쌓인 뒤 다시 본다.
중소기업 사이트에서 무엇부터 고치는가?
- 이미지 — 폭에 맞게 리사이즈, WebP/AVIF, width·height 지정, 첫 화면 밖 이미지는 지연 로딩.
- 서버 응답 — 캐시·CDN, 느린 플러그인·외부 스크립트 정리.
- 스크립트 — 채팅·분석·광고 스크립트를 지연 로드하고 쓰지 않는 것은 제거.
- 폰트 — 웹폰트 교체로 인한 밀림을 font-display 설정과 시스템 폰트 대체로 줄인다.
- 고친 뒤 재측정 — 실사용 데이터는 반영에 수주가 걸린다.
AI 검색과는 어떤 관계인가?
직접 신호는 아니다. 다만 AI 검색봇과 검색봇은 페이지를 가져와 렌더링해야 내용을 읽을 수 있으므로, 응답이 느리거나 스크립트에 의존해 본문이 늦게 그려지는 페이지는 크롤링 예산과 인용 기회에서 손해를 본다. 기술 기초(robots.txt·캐노니컬·속도)는 검색과 AI 가 공유하는 전제이며, GEO 순서에서 "크롤링 점검" 단계에 함께 확인한다.
자주 묻는 질문
코어 웹 바이탈이 나쁘면 순위가 떨어지나요?
구글은 페이지 경험 신호 중 하나로 쓰되 콘텐츠 관련성이 우선이라고 밝힙니다. 심각하게 나쁘면 불리하지만, "양호"를 넘긴 뒤의 추가 개선은 순위보다 사용자 경험 목적입니다.
서치콘솔에 데이터가 없다고 나와요.
방문이 적어 실사용 데이터(CrUX)가 충분히 쌓이지 않은 경우입니다. PageSpeed Insights 의 실험실 값으로 방향을 잡으세요.
FID 는 이제 안 보나요?
2024년 3월부터 INP 가 FID 를 대체했습니다. INP 는 첫 입력만이 아니라 방문 전체의 상호작용 반응성을 봅니다.
연결된 문서
이 글이 참조하는 문서 5편 · 이 글을 참조하는 문서 3편 · 관련 용어 4편
- AI 인용AI 인용(citation)은 ChatGPT·Perplexity·구글 AI 오버뷰·네이버 AI 브리핑 같은 생성형 검색이 답을…이 글이 참조
- GEO(생성형 엔진 최적화)GEO(Generative Engine Optimization, 생성형 엔진 최적화)는 ChatGPT·Perplexity·구글…이 글이 참조 · 이 글을 참조
- 구조화 데이터(JSON-LD)구조화 데이터(structured data)는 schema.org 어휘를 JSON-LD 형식으로 페이지에 넣어 "이 페이지는 …관련 용어
- AI 검색봇(AI 크롤러)AI 검색봇(AI crawler)은 AI 서비스가 학습 데이터 수집이나 검색 답변 생성을 위해 웹페이지를 가져가는 크롤러다. …이 글이 참조 · 관련 용어
- E-E-A-TE-E-A-T(Experience·Expertise·Authoritativeness·Trustworthiness)는 구글 검색…이 글을 참조
- robots.txtrobots.txt 는 사이트 루트에 두는 텍스트 파일로, 크롤러(User-agent)별로 접근을 허용·차단할 경로를 적는 규…이 글이 참조 · 이 글을 참조 · 관련 용어
- 캐노니컬(표준 URL)캐노니컬(canonical, 표준 URL)은 같은 내용이 여러 주소(파라미터·www 유무·http/https·모바일 주소 등)…이 글이 참조 · 관련 용어
- GEO 본문 1곳
- E-E-A-T 본문 1곳
- robots.txt 본문 1곳