Core Web Vitals(LCP·INP·CLS) 쉽게 잡는 체크리스트
결론부터: Core Web Vitals는 LCP(로딩)·INP(반응성)·CLS(시각 안정성) 세 가지입니다. 권장 임계값은 LCP 2.5초 미만, INP 200밀리초 미만, CLS 0.1 미만이며, 이 기준을 넘기면 사용자 이탈과 검색 경험 모두에 불리합니다.
세 지표는 각각 무엇을 재나요?
각 지표는 사용자 경험의 다른 측면을 봅니다. 아래 임계값은 'good(양호)' 기준으로, 페이지 로드의 상위 75퍼센타일에서 충족하는 것을 권장합니다.
| 지표 | 측정 대상 | 양호 기준 |
|---|---|---|
| LCP | 가장 큰 콘텐츠가 뜨는 시간(로딩) | 2.5초 미만 |
| INP | 상호작용에 대한 반응 지연(반응성) | 200밀리초 미만 |
| CLS | 예기치 않은 레이아웃 밀림(안정성) | 0.1 미만 |
LCP(로딩)는 어떻게 잡나요?
가장 큰 요소가 빨리 뜨게 하는 것이 핵심입니다. 대개 대표 이미지나 히어로 영역이 LCP 대상입니다.
- 대표 이미지 최적화(적절한 크기·최신 포맷·압축)
- 핵심 이미지 지연 로딩 대신 우선 로딩 처리
- 서버 응답 시간 단축·캐싱 적용
- 렌더링을 막는 CSS·JS 최소화
INP(반응성)와 CLS(안정성)는요?
INP는 클릭·입력에 대한 반응 지연을, CLS는 화면이 갑자기 밀리는 정도를 봅니다. 둘 다 사용자 짜증과 직결됩니다.
- INP: 무거운 자바스크립트 작업 분할·지연 실행
- INP: 불필요한 스크립트·서드파티 태그 정리
- CLS: 이미지·영상·광고 영역에 크기(가로·세로) 지정
- CLS: 폰트 교체 시 레이아웃 밀림 방지(폰트 로딩 전략)
무엇으로 측정하나요?
실제 사용자 데이터(필드 데이터)와 실험실 측정을 함께 보는 것이 좋습니다. 두 값이 다를 수 있으므로, 개선 후에는 반드시 재측정해 임계값을 충족하는지 확인하세요.
자주 묻는 질문
Core Web Vitals가 순위에 얼마나 영향을 주나요?
페이지 경험은 여러 신호 중 하나입니다. 단독으로 순위를 결정하지는 않지만, 내용이 비슷할 때 사용자 경험이 나은 페이지가 유리합니다.
모바일과 PC 기준이 다른가요?
임계값 자체는 동일하지만 모바일 환경이 더 불리하므로, 모바일 기준으로 맞추면 안전합니다.
우리 사이트 수치는 어디서 보나요?
무료 진단에서 핵심 지표 상태와 개선 우선순위를 함께 확인할 수 있습니다.
내 사이트는 검색·AI에 잘 노출되고 있을까요?30초 무료 진단 →