구글 서치 콘솔 왼쪽 메뉴를 쭉 훑어보면 "핵심 웹 지표"라는 탭이 하나 있습니다. 클릭해본 적 없는 블로거가 의외로 많은데, 이 탭 안에 숫자 세 개가 내 블로그 순위와 직접 연결돼 있다는 사실은 잘 알려져 있지 않죠. 오늘은 이 세 지표가 정확히 뭘 측정하는지, 통과 기준은 몇 초·몇 밀리초인지, 어디서 확인하고 뭘 고쳐야 하는지까지 순서대로 정리해보겠습니다.
핵심 웹 지표, 정확히 뭘 재는 지표인가
코어 웹 바이탈(Core Web Vitals)은 구글이 정한 세 가지 사용자 경험 지표입니다. 이름은 낯설어도 개념은 단순해요.
- LCP(Largest Contentful Paint): 페이지에서 가장 큰 요소(보통 대표 이미지나 제목 영역)가 화면에 다 그려지기까지 걸리는 시간
- INP(Interaction to Next Paint): 방문자가 화면을 탭하거나 클릭했을 때 반응이 나타나기까지 걸리는 시간
- CLS(Cumulative Layout Shift): 페이지를 읽는 도중 요소들이 갑자기 밀리거나 움직이는 정도
세 가지 모두 "로딩 속도가 빠른가"보다는 "방문자가 실제로 불편함을 느끼는가"에 가까운 지표예요. 이미지가 늦게 뜨는 것, 버튼을 눌렀는데 반응이 늦는 것, 글을 읽다가 광고가 갑자기 끼어들어 손가락이 엉뚱한 곳을 누르게 되는 것 — 이 세 가지 불편을 각각 숫자로 바꿔놓은 셈입니다.
구글이 제시하는 통과 기준값
web.dev(구글 개발자 문서)가 명시한 "좋음(Good)" 기준은 다음과 같습니다.
| 지표 | 좋음 | 개선 필요 | 나쁨 |
|---|---|---|---|
| LCP | 2.5초 이하 | 2.5~4초 | 4초 초과 |
| INP | 200ms 이하 | 200~500ms | 500ms 초과 |
| CLS | 0.1 이하 | 0.1~0.25 | 0.25 초과 |
구글은 이 세 지표를 방문자 전체가 아니라 75번째 백분위수 기준으로 평가합니다. 쉽게 말해 방문자 100명 중 상위 25명(가장 느리게 겪은 사람들)의 경험이 "좋음" 기준을 넘지 않아야 그 페이지가 통과 판정을 받는다는 뜻이에요. 평균이 아니라 가장 불리한 조건에서도 버틸 수 있는지를 본다는 점이 중요합니다.
내 블로그 점수, 어디서 확인하나
확인 방법은 두 가지고, 성격이 조금 다릅니다.
PageSpeed Insights(pagespeed.web.dev)는 특정 URL 하나를 즉석에서 테스트해서 점수를 보여줍니다. 방금 고친 글이 좋아졌는지 바로 확인하고 싶을 때 쓰기 좋아요. 다만 이건 한 번의 시뮬레이션(랩 데이터)이라 실제 방문자 데이터와는 다를 수 있습니다.
서치 콘솔의 "핵심 웹 지표" 리포트는 반대로 지난 28일간 실제 방문자들이 겪은 데이터(필드 데이터)를 URL 그룹 단위로 모아 보여줍니다. 서치 콘솔을 아직 세팅하지 않았다면 구글 서치콘솔, 초보자가 꼭 해야 할 설정과 활용법 글을 먼저 참고하는 편이 순서상 맞습니다. 두 도구는 목적이 다르니 하나만 보고 판단하지 말고 함께 확인하는 게 안전해요.
블로거가 자주 놓치는 감점 요인 네 가지
블로그 글 하나에 광고 몇 개, 이미지 몇 장 넣었을 뿐인데 점수가 떨어지는 이유는 대개 아래 네 가지 중 하나입니다.
- 압축 안 된 원본 이미지: 스마트폰 카메라로 찍은 사진을 그대로 올리면 파일 하나가 수 MB에 달해 LCP를 크게 늦춥니다.
- 가로·세로 크기를 지정하지 않은 이미지: 이미지가 로딩되기 전까지 자리를 미리 잡아두지 않으면, 로딩되는 순간 아래 텍스트가 밀리면서 CLS 수치가 튑니다.
- 웹폰트 늦게 불러오기: 특수 폰트를 쓰면 폰트 파일이 다운로드되는 동안 글자가 안 보이거나 다른 서체로 바뀌는 깜빡임이 생겨 체감 로딩이 느려집니다.
- 서드파티 위젯·광고 스크립트: 방문자 카운터, 소셜 공유 버튼, 광고 스크립트가 많을수록 브라우저가 처리할 일이 늘어나 INP가 나빠지기 쉽습니다.
이미지 용량과 모바일 체감 속도의 관계는 블로그 방문자 늘리기, "좋은 글만 쓰면 된다"는 착각 글에서도 다룬 적 있으니 겹치는 부분은 그쪽을 참고해주세요. 여기서는 좀 더 구체적인 지표와 기준값 쪽에 집중했습니다.
오늘 바로 손댈 수 있는 개선 체크리스트
- 새 글을 올리기 전, 사진을 1080px 안팎으로 리사이즈하고 JPEG 품질 80 전후로 압축한다
- PageSpeed Insights에 최근 글 URL 3~4개를 넣어보고 "개선 필요"·"나쁨" 항목이 반복되는지 확인한다
- 서치 콘솔 핵심 웹 지표 리포트에서 "불량" URL 그룹이 있는지 확인하고, 있다면 어떤 지표(LCP/INP/CLS)가 문제인지 먼저 특정한다
- 꼭 필요하지 않은 위젯이나 스크립트를 하나씩 지워보며 점수 변화를 비교한다
- 광고 배치 슬롯의 크기를 미리 고정해서 광고가 늦게 뜰 때 본문이 밀리지 않게 한다
세 지표 모두 한 번에 완벽할 필요는 없습니다. 이번 주에는 이미지 용량만 잡고, 다음 주에는 서치 콘솔 리포트에서 불량으로 뜬 URL 몇 개만 골라 고치는 식으로 나눠서 접근하는 편이 오래갑니다.
관련 글
출처
- web.dev(구글 개발자 문서), "Web Vitals" — web.dev
- web.dev, "Largest Contentful Paint (LCP)" — web.dev
- Google 서치 콘솔 고객센터, "핵심 웹 지표 보고서" — support.google.com
0 댓글