Core Web Vitals 개선 가이드 — LCP·INP·CLS 잡기
구글 순위 요소인 코어 웹 바이탈(Core Web Vitals)의 세 지표와 목표값, 측정 도구, 실전 개선 방법을 정리했습니다.
Core Web Vitals(코어 웹 바이탈)는 구글이 정한 사용자 경험 측정 지표이자 검색 순위 요소입니다. 페이지가 얼마나 빠르고, 반응이 좋고, 안정적인지를 수치로 봅니다.
세 가지 핵심 지표
| 지표 | 의미 | 좋음 기준 |
|---|---|---|
| LCP | 가장 큰 콘텐츠가 표시되는 시간(로딩) | 2.5초 이하 |
| INP | 상호작용에 대한 반응 속도 | 200ms 이하 |
| CLS | 화면 요소가 밀리는 정도(시각 안정성) | 0.1 이하 |
참고
INP(Interaction to Next Paint)는 2024년부터 기존 FID를 대체한 지표입니다. 클릭·입력에 페이지가 얼마나 빨리 반응하는지를 측정합니다.
어떻게 측정하나
- PageSpeed Insights: URL만 넣으면 실측 + 진단
- 구글 서치콘솔 → 코어 웹 바이탈 보고서: 사이트 전체의 실사용 데이터
- Lighthouse(크롬 개발자 도구): 페이지별 상세 점검
LCP 개선 (로딩)
- 이미지 최적화 — WebP/AVIF, 적절한 크기, 지연 로딩
- 핵심 이미지·폰트는 우선 로딩
- 서버 응답 속도 개선, CDN 사용
- 불필요한 외부 스크립트 제거
INP 개선 (반응)
- 무거운 자바스크립트 줄이기
- 긴 작업을 쪼개 메인 스레드 차단 줄이기
- 사용하지 않는 스크립트 제거
CLS 개선 (안정성)
- 이미지·동영상에 명시적 width/height 지정
- 광고·임베드 영역 공간 미리 확보
- 웹폰트 깜빡임(레이아웃 이동) 방지
왜 중요한가
구글은 모바일 우선 색인을 사용합니다. 모바일에서 느리거나 화면이 밀리면 사용자도 떠나고 평가도 불리합니다. 콘텐츠 품질이 비슷하다면, 결국 더 빠르고 안정적인 페이지가 앞섭니다.
정적 사이트(예: Astro로 빌드된 페이지)는 이 지표에서 구조적으로 유리합니다. 기초가 부실하다면 기술 SEO 점검부터 시작하세요.