페이지 속도 최적화, Core Web Vitals로 순위와 UX 동시에 잡기

홈페이지가 느리면 방문자가 떠난다는 것은 누구나 압니다. 그런데 정확히 무엇을 어떻게 빠르게 만들어야 검색 순위와 사용자 경험이 함께 좋아지는지는 막연합니다. 구글은 이 막연함을 없애기 위해 Core Web Vitals라는 세 가지 지표로 페이지 경험을 수치화했고, 페이지 속도 최적화는 이 세 지표를 기준으로 원인을 진단하고 개선하는 작업으로 정리되고 있습니다.

이번 글에서는 Core Web Vitals가 SEO에서 갖는 의미와 세 지표가 각각 측정하는 것, 지표별 최적화 실행 방법, 그리고 서치 콘솔 리포트 활용법에 대해 살펴보겠습니다.

페이지 경험

구글이 보는
3가지 속도 지표

LCP · INP · CLS

• LCP — 얼마나 빨리 보이는가
• INP — 얼마나 빨리 반응하는가
• CLS — 얼마나 안정적으로 유지되는가

Core Web Vitals가 SEO에서 중요한 이유

Core Web Vitals는 구글이 페이지 경험을 평가하기 위해 정의한 핵심 지표로, 검색 순위에 반영되는 페이지 경험 신호의 중심입니다. 구글은 콘텐츠의 관련성을 가장 강한 순위 요소로 두면서도, 관련성이 비슷한 페이지들 사이에서는 페이지 경험이 좋은 쪽을 우대한다고 밝히고 있습니다.

그래서 Core Web Vitals는 순위를 단독으로 결정하는 요소는 아니지만, 경쟁이 치열한 키워드에서 마지막 차이를 만드는 요소가 됩니다. 동시에 이 지표들은 실제 사용자의 체감 속도와 안정성을 그대로 반영하기 때문에, 개선하면 이탈률이 낮아지고 문의 전환에도 긍정적으로 작용합니다. 순위와 사용자 경험을 따로 잡는 것이 아니라 하나의 작업으로 함께 잡을 수 있다는 점이 Core Web Vitals의 핵심입니다.

세 지표가 각각 측정하는 것

Core Web Vitals는 로딩과 반응성, 시각적 안정성이라는 서로 다른 경험을 각각 하나의 지표로 측정합니다. 세 지표가 보는 사용자 체감은 다음과 같이 구분됩니다.

• LCP는 화면에서 가장 큰 콘텐츠가 나타나기까지의 시간으로, 방문자가 페이지가 떴다고 느끼는 순간을 측정합니다. 좋음 기준은 2.5초 이내이며 4.0초를 넘으면 개선이 필요합니다.
• INP는 클릭이나 입력에 화면이 반응하기까지의 시간으로, 조작이 매끄러운지를 측정합니다. 반응이 200밀리초 안에 이뤄지면 좋음으로 분류됩니다. 2024년 3월부터 기존의 FID를 대체해 현재 반응성 지표로 쓰이고 있습니다.
• CLS는 로딩 중 화면 요소가 예기치 않게 밀리는 정도로, 버튼을 누르려다 다른 곳을 누르게 되는 불편을 측정합니다. 밀림 정도가 0.1 이하일 때 좋음에 해당합니다.

세 지표의 차이는 대상이 되는 경험에 있습니다. LCP는 얼마나 빨리 보이는가, INP는 얼마나 빨리 반응하는가, CLS는 얼마나 안정적으로 유지되는가를 봅니다. 구글은 실제 방문의 75번째 백분위수가 기준을 통과할 때 해당 지표를 좋음으로 판정하므로, 일부 빠른 방문이 아니라 대다수 방문이 기준을 넘겨야 합니다.

지표별 최적화 실행

Core Web Vitals 최적화는 낮게 나온 지표의 원인을 먼저 진단하고, 그 원인에 맞는 조치를 적용하는 순서로 진행합니다. 지표마다 흔한 원인과 개선 방향이 다릅니다.

LCP가 느린 경우, 대개 첫 화면의 큰 이미지나 느린 서버 응답이 원인입니다. 히어로 이미지를 WebP 같은 차세대 형식으로 변환하고 화면 크기에 맞게 리사이즈하며, 첫 화면 이미지에는 지연 로딩을 걸지 않는 것이 기본입니다. 제조기업 홈페이지처럼 고화질 제품 사진이 많은 경우 이 작업만으로도 체감 속도가 크게 달라집니다.

CLS가 높은 경우, 이미지나 동영상에 가로세로 크기를 지정하지 않았거나 광고와 배너가 뒤늦게 삽입되는 것이 원인입니다. 미디어에 크기 속성을 명시하고 동적 영역에 미리 공간을 확보해두면 레이아웃 밀림이 줄어듭니다.

INP가 나쁜 경우, 무거운 자바스크립트가 화면 반응을 붙잡는 것이 원인입니다. 불필요한 외부 스크립트를 걷어내고 무거운 연산을 나눠 실행하면 반응성이 개선됩니다. 도구로 원인을 찾는 구체적 방법은 PageSpeed Insights 사용법에서 확인하실 수 있습니다.

서치 콘솔 Core Web Vitals 리포트 활용

Core Web Vitals를 지속 관리하려면 단발성 측정 도구보다 서치 콘솔의 Core Web Vitals 리포트를 기준으로 삼는 것이 정확합니다. 이 리포트는 실제 크롬 사용자 데이터를 기반으로, 사이트 전체 URL을 좋음과 개선 필요, 나쁨으로 분류해 보여줍니다.

여기서 중요한 것이 실험실 데이터와 필드 데이터의 구분입니다. 측정 도구가 한 번 시뮬레이션한 실험실 값은 개선 전후 비교에 유용하지만, 구글이 순위 평가에 쓰는 것은 실제 방문이 쌓인 필드 데이터입니다. 실험실 점수가 좋아도 서치 콘솔의 실사용자 데이터가 개선되지 않았다면, 아직 다수 방문자의 환경에서는 효과가 나타나지 않은 것입니다.

디지트미의 경우, 속도 최적화를 진행할 때 측정 도구로 원인을 찾아 조치한 뒤, 서치 콘솔 리포트에서 실사용자 데이터가 좋음 구간으로 이동하는지를 몇 주간 추적해 개선 여부를 확정합니다. 기술 점검 전반의 기준은 테크니컬 SEO 완벽 가이드에서 확인하실 수 있습니다.

자주 묻는 질문

페이지 속도 최적화는 점수 숫자를 올리는 일이 아니라, Core Web Vitals 세 지표의 원인을 진단해 순위와 사용자 경험을 함께 끌어올리는 작업입니다. 속도 문제가 색인 자체를 막는 경우도 있는데, 그 진단은 홈페이지 검색 노출이 안 되는 이유에서 확인하실 수 있습니다.