🛠️유틸리티 허브
💬피드백
🏠 홈으로

Core Web Vitals 판정기

LCP·INP·CLS 수치를 입력하면 Google 공식 기준으로 Good/Needs Work/Poor 등급을 즉시 판정. 2024년 최신 INP 기준 적용.

LCP — Largest Contentful Paint
페이지 주요 콘텐츠 로딩 속도
Good ✓
s
INP — Interaction to Next Paint
클릭·탭 등 입력 반응성 (2024년 FID 대체)
Good ✓
ms
CLS — Cumulative Layout Shift
페이지 시각 안정성 (레이아웃 밀림 정도)
Good ✓
LCP
2.5s
Good ✓
INP
200ms
Good ✓
CLS
0.10
Good ✓
종합
—
Good ✓
💡 개선 팁Good ✓
  • LCP·INP·CLS 모두 Google 기준 통과입니다. 현재 성능을 유지하세요.
  • 주기적으로 PageSpeed Insights에서 재측정하여 회귀를 방지하세요.
  • Search Console Core Web Vitals 보고서에서 실사용자 데이터를 확인하세요.

이 도구를 친구에게 공유하기

AD

Core Web Vitals 판정기란 무엇인가요?

Core Web Vitals(핵심 웹 지표)는 Google이 2021년부터 검색 순위 알고리즘에 직접 반영하는 3가지 사용자 경험 지표입니다. LCP(최대 콘텐츠풀 페인트)는 페이지 주요 콘텐츠 로딩 속도, INP(다음 페인트까지의 응답)는 클릭·탭 등 입력 반응성, CLS(누적 레이아웃 이동)는 페이지 시각 안정성을 측정합니다. 2024년에는 기존 FID(첫 입력 지연)가 INP로 공식 교체되어, 현재 공식 지표는 LCP·INP·CLS 세 가지입니다. PageSpeed Insights 또는 Chrome DevTools에서 측정한 수치를 입력하면 Google 공식 Good/Needs Work/Poor 기준으로 즉시 판정하며, 세 지표 모두 Good이어야 Google 기준 통과로 인정됩니다. 이 툴은 서버 요청 없이 브라우저에서 즉시 계산되며, 수치 입력만으로 SEO 성능 기준을 빠르게 파악할 수 있습니다.

주요 활용 사례

🔍
SEO 점검
PageSpeed Insights에서 측정한 LCP·INP·CLS 수치를 입력해 Google 검색 순위 기준을 통과하는지 즉시 확인하고, 개선 우선순위를 결정할 수 있습니다.
🛠️
개발 전후 비교
웹 성능 최적화 작업 전후의 수치를 각각 입력해 개선 효과를 정량적으로 확인하고, 팀 내 성과 보고 자료로 활용할 수 있습니다.
📊
경쟁사 벤치마킹
경쟁 사이트의 Core Web Vitals 수치(PageSpeed Insights 공개 결과)를 입력해 자사와 비교하고, 어느 지표에서 우위 또는 열위인지 파악할 수 있습니다.
📋
클라이언트 보고
디지털 에이전시 또는 프리랜서가 클라이언트에게 현재 사이트 성능 상태를 직관적으로 설명할 때, 각 지표의 Good/Needs Work/Poor 등급을 시각적으로 제시할 수 있습니다.

사용 방법

  1. 1
    수치 확인
    PageSpeed Insights(pagespeed.web.dev)에서 분석하고 싶은 URL을 입력하여 LCP(초 단위), INP(밀리초 단위), CLS(소수점 단위) 세 가지 수치를 확인합니다.
  2. 2
    값 입력
    슬라이더를 조정하거나 숫자 입력란에 소수점까지 직접 붙여넣기 합니다. 6s 또는 600ms를 초과하는 값도 숫자 입력란에 자유롭게 입력 가능하며, 슬라이더는 최대 위치로 고정됩니다.
  3. 3
    등급 확인
    각 지표 우측의 Good/Needs Work/Poor 뱃지와 하단 종합 결과 카드에서 Google 공식 기준 등급을 즉시 확인합니다. 세 지표 모두 Good이어야 종합 Good 판정입니다.
  4. 4
    개선 팁 적용
    종합 등급에 따라 자동으로 표시되는 개선 팁을 참고하여 LCP·INP·CLS 각각의 최적화 방향을 확인하고, 공유 버튼으로 팀원이나 클라이언트와 결과를 공유하세요.

자주 묻는 질문 (FAQ)