ENKO
SEO

코어 웹 바이탈

Core Web Vitals(코어 웹 바이탈)는 Google이 정의한 세 가지 핵심 사용자 경험 지표로, 웹 페이지의 로딩 속도·응답성·시각적 안정성을 수치화한 것입니다.

Core Web Vitals(코어 웹 바이탈)는 Google이 정의한 세 가지 핵심 사용자 경험 지표로, 웹 페이지의 로딩 속도·응답성·시각적 안정성을 수치화한 것입니다.

왜 중요한가

Core Web Vitals는 Google의 페이지 경험(Page Experience) 알고리즘에 포함된 공식 검색 순위 요소입니다. 20252026년 업계 분석에 따르면, 전체 랭킹 시그널 중 약 1015%를 차지하며, 경쟁이 치열한 키워드에서는 세 지표를 모두 충족한 사이트가 검색 노출에서 8~15%의 가시성 향상 효과를 보이는 것으로 보고되고 있습니다. 반대로 2025 Web Almanac 데이터에 따르면, 모바일 페이지의 약 48%, 데스크톱 페이지의 약 56%만이 세 지표를 모두 통과하고 있어, Core Web Vitals 최적화는 경쟁 우위를 확보할 수 있는 실질적인 기회입니다.

세 가지 핵심 지표

LCP (Largest Contentful Paint) — 로딩 성능

페이지의 주요 콘텐츠(가장 큰 이미지 또는 텍스트 블록)가 화면에 렌더링되기까지 걸리는 시간을 측정합니다.

등급기준
Good (양호)≤ 2.5초
Needs Improvement (개선 필요)2.5초 ~ 4.0초
Poor (불량)> 4.0초

INP (Interaction to Next Paint) — 응답성

사용자가 페이지와 상호작용(클릭, 탭, 키보드 입력 등)한 순간부터 화면이 실제로 업데이트되기까지의 지연 시간을 측정합니다. 2024년 3월에 기존 FID(First Input Delay)를 대체하여 공식 Core Web Vital로 채택되었으며, 첫 입력뿐 아니라 페이지 전체 생애 주기에 걸친 응답성을 평가합니다.

등급기준
Good (양호)≤ 200ms
Needs Improvement (개선 필요)200ms ~ 500ms
Poor (불량)> 500ms

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

페이지 로드 중 예기치 않게 레이아웃이 이동하는 정도를 점수로 측정합니다. 광고나 이미지가 뒤늦게 로드되면서 버튼 위치가 밀리는 현상 등이 CLS 점수를 높이는 대표적인 원인입니다.

등급기준
Good (양호)≤ 0.1
Needs Improvement (개선 필요)0.1 ~ 0.25
Poor (불량)> 0.25

세 지표 모두 페이지 방문의 75% 이상이 "Good" 기준을 충족해야 Core Web Vitals 평가를 통과한 것으로 간주됩니다.

최적화 방법

LCP 개선

  • LCP 대상 이미지에 fetchpriority="high" 속성을 추가하고, <link rel="preload">로 미리 로드합니다.
  • WebP, AVIF 등 차세대 이미지 포맷을 사용하여 파일 크기를 줄입니다.
  • CDN(콘텐츠 전송 네트워크)을 활용하여 서버 응답 시간(TTFB)을 단축합니다.
  • 서버 사이드 캐싱과 데이터베이스 쿼리 최적화를 수행합니다.

INP 개선

  • 메인 스레드를 차단하는 비필수 JavaScript를 지연 로드(defer, async)합니다.
  • 긴 태스크(Long Task)를 작은 단위로 분할하여 브라우저가 사용자 입력에 빠르게 반응할 수 있도록 합니다.
  • 불필요한 서드파티 스크립트를 제거하거나 로드 시점을 뒤로 미룹니다.

CLS 개선

  • 이미지와 동영상 요소에 width, height 속성을 명시하여 브라우저가 미리 공간을 확보하도록 합니다.
  • 웹 폰트 로딩 시 font-display: swap과 함께 <link rel="preload">를 사용하여 레이아웃 이동을 방지합니다.
  • 기존 콘텐츠 위에 배너나 광고를 동적으로 삽입하는 것을 피합니다.

측정 도구

도구유형특징
Google Search Console (Core Web Vitals 보고서)실사용자 데이터 (Field)사이트 전체의 CWV 상태를 URL 그룹별로 확인 가능합니다
PageSpeed Insights실사용자 + 실험실 데이터CrUX 데이터와 Lighthouse 분석을 동시에 제공합니다
Lighthouse (Chrome DevTools 내장)실험실 데이터 (Lab)개발 단계에서 성능 문제를 진단하고 개선 권장 사항을 제시합니다
Web Vitals Chrome 확장 프로그램실시간 모니터링브라우징 중 LCP, INP, CLS를 실시간으로 확인할 수 있습니다
WebPageTest실험실 데이터다양한 네트워크 조건과 디바이스 환경에서 상세 테스트가 가능합니다
Google Analytics 4실사용자 데이터실제 사용자의 CWV 데이터를 수집·분석할 수 있습니다

실사용자 데이터(Field Data)는 실제 방문자 환경을 반영하므로 Google 검색 순위에 직접 사용되는 데이터입니다. 실험실 데이터(Lab Data)는 통제된 환경에서의 측정값으로, 문제 진단과 디버깅에 유용합니다. 두 유형을 함께 활용하는 것이 가장 효과적입니다.

Sources:

관련 인블로그 게시물

inblog에서 활용하기

inblog는 Next.js SSR 기반으로 구축되어 Core Web Vitals 성능이 최적화되어 있습니다.