Core Web Vitals: 속도와 사용자 경험 최적화
8 min
Core Web Vitals(LCP, INP, CLS)는 Google의 공식 순위 결정 요소입니다. LCP 2.5초 미만, INP 200ms 미만, CLS 0.1 미만이 '양호' 기준입니다. 최우선 순위: 이미지 최적화 및 중요하지 않은 JavaScript 지연 로딩.
2021년부터 Google은 Core Web Vitals를 순위 알고리즘에 통합했습니다. 2026년에는 이 지표들이 순위뿐만 아니라 모바일 리치 결과 자격 조건에도 영향을 미칩니다. 이를 완벽히 이해하는 방법을 소개합니다.
실제로 중요한 세 가지 지표
Google은 실제 사용자 경험을 측정하기 위해 세 가지 신호를 선정했습니다: LCP(Largest Contentful Paint), INP(Interaction to Next Paint), CLS(Cumulative Layout Shift). 각각 인지된 품질의 서로 다른 측면을 측정합니다.
INP는 2024년 3월 FID를 대체했습니다. FID가 첫 번째 클릭만 측정했던 것과 달리, 페이지의 모든 상호작용에 대한 전반적인 반응성을 측정합니다.
- LCP: 가장 큰 가시적 요소가 렌더링되기까지의 시간. 양호 기준: 2.5초 미만.
- INP: 키보드/마우스/터치 상호작용에 대한 응답 지연. 양호 기준: 200ms 미만.
- CLS: 레이아웃의 시각적 불안정성. 양호 기준: 0.1 미만.
성능 저하의 주요 원인
LCP 저하는 대부분 미리 로드되지 않은 히어로 이미지, 느린 서버 또는 클라이언트 측 렌더링(SSR 부재)에서 발생합니다. 주요 이미지를 대상으로 하는 `<link rel='preload'>` 태그는 이 점수를 종종 30~50% 개선시킵니다.
CLS는 거의 항상 명시적 크기가 없는 이미지, 로딩 후 표시되는 웹 폰트, 또는 페이지 상단에 동적으로 삽입되는 배너로 인해 발생합니다.
INP의 주요 원인은 메인 스레드를 차단하고 클릭 응답을 지연시키는 서드파티 스크립트(분석, 채팅, 광고)입니다.
세 가지 지표 모두에서 '양호' 기준을 충족하는 페이지는 '나쁨'으로 분류된 페이지보다 이탈률이 15~25% 낮습니다.
2025-2026년 웹 사용자 경험 부문별 연구
우선순위별 실행 계획
실험실 데이터가 아닌 Google Search Console(페이지 경험 보고서)의 현장 데이터 측정부터 시작하세요. 순위에 영향을 미치는 것은 CrUX 데이터뿐입니다.
우선순위 페이지를 파악한 후 다음 순서로 조치하세요: 이미지 압축 및 크기 조정, 브라우저 캐시 활성화, 서드파티 스크립트 감사 및 지연.
- 적응형 srcset을 사용하여 WebP 또는 AVIF 형식으로 이미지 제공.
- 서버에서 Brotli 압축 활성화 및 TTFB 감소를 위한 CDN 사용.
- font-display: swap 사용 및 주요 폰트 미리 로드.
- 각 서드파티 스크립트를 감사하고 defer 또는 async 모드로 로드.
지속적인 모니터링
Core Web Vitals는 모든 배포마다 변합니다. 프로덕션 배포 전 성능 저하를 감지하기 위해 Lighthouse CI를 배포 파이프라인에 통합하세요.
URL이 '개선 필요' 또는 '나쁨' 구간으로 진입하는 즉시 알림을 받도록 Search Console 또는 CrUX API를 통해 알림을 설정하세요.
FAQ
Core Web Vitals는 중요한 순위 결정 요소인가요?
Google은 콘텐츠 관련성에 비해 '가벼운 순위 신호'로 규정합니다. 품질이 동등한 두 페이지 간의 차이를 만들 수 있지만, 약한 콘텐츠를 보완하지는 않습니다.
모바일과 데스크톱 중 어디서 측정해야 하나요?
Google은 모바일 우선 색인 기준으로 주로 모바일 데이터를 사용합니다. 트래픽이 주로 데스크톱에서 발생하더라도 모바일에 집중하세요.
PageSpeed Insights만으로 Core Web Vitals 감사가 충분한가요?
PageSpeed Insights는 실험실 데이터(시뮬레이션)와 트래픽이 충분한 경우 CrUX 현장 데이터를 모두 표시합니다. 완전한 감사를 위해 Search Console 및 Chrome Web Vitals 확장 프로그램과 함께 사용하세요.
수정 후 순위에 영향이 나타나기까지 얼마나 걸리나요?
Google은 CrUX 데이터를 매월 업데이트합니다. 오늘 적용된 개선 사항은 일반적으로 4~8주 내에 순위에 반영됩니다.