Core Web Vitals
완벽 이해 가이드

과거의 SEO가 키워드를 어떻게 욱여넣느냐의 싸움이었다면, 현대의 SEO, 특히 Technical SEO의 화두는 '방문자가 얼마나 쾌적한 환경에서 사이트를 이용할 수 있는가'를 정량적으로 증명하는 데 있습니다.

구글은 이를 측정하기 위해 Core Web Vitals (코어 웹 바이탈)이라는 3가지 핵심 지표를 세상에 발표했고, 이는 2021년 중반부터 모바일 트래픽의 공식 랭킹 알고리즘에 편입되었습니다. 그리고 2022년인 지금, 이는 PC 검사 결과에까지 도입되며 전 방위적인 필수 스펙으로 자리잡았습니다.

코어 웹 바이탈의 3가지 핵심 지표

구글은 웹페이지의 사용자 경험(UX) 품질을 판단하기 위해 크게 '로딩 성능', '상호작용 속도', '시각적 안정성'이라는 세 축을 사용합니다.

1. LCP (Largest Contentful Paint) — 로딩 성능

LCP는 페이지가 처음 화면에 렌더링될 때, 뷰포트 내에서 가장 큰 크기를 차지하는 이미지나 텍스트 블록이 렌더링을 완료하는 데 걸리는 시간을 뜻합니다.

• 목표치: 2.5초 이하 (훌륭함), 4.0초 초과 (나쁨)
• 과거 구글이 사용했던 FCP(First Contentful Paint)와 다르게, "사용자가 실질적인 메인 콘텐츠를 볼 수 있게 된 시점"을 더 정확하게 대변하는 지표입니다.

2. FID (First Input Delay) — 상호작용 속도

FID는 사용자가 페이지와 처음 상호작용할 때(버튼 클릭, 링크 탭하기 등)부터 브라우저가 해당 상호작용에 응답하여 처리를 시작하기까지 걸리는 지연 시간입니다.

• 목표치: 100밀리초 이하 (훌륭함), 300밀리초 초과 (나쁨)
• 화면은 다 뜬 것 같은데, 터치를 해도 한동안 아무런 반응이 없는 답답한 현상. 이것이 바로 FID 저하의 전형적인 사례입니다.

이는 대개 메인 스레드(Main Thread)가 무거운 자바스크립트를 로딩하고 파싱하느라 바빠서, 사용자의 입력 이벤트를 제때 처리하지 못할 때 발생합니다. 코드 스플리팅(Code Splitting)이나 타사(Third-party) 스크립트 실행 시점 지연(Deferring)으로 이 문제를 완화할 수 있습니다.

3. CLS (Cumulative Layout Shift) — 시각적 안정성

CLS는 페이지가 로딩되는 과정에서 예기치 않게 발생하는 모든 레이아웃의 레이아웃 이동(Shift) 위치 변경 점수의 합계입니다.

• 목표치: 0.1 이하 (훌륭함), 0.25 초과 (나쁨)
• 기사를 읽으려고 하거나 버튼을 누르려던 찰나, 위쪽에서 난데없이 광고 배너 창이나 이미지가 로드되면서 터치하고자 했던 버튼이 엉뚱한 곳으로 밀려버린 경험이 한 번쯤은 있으실 겁니다. 구글은 이 현상을 '사용자를 짜증 나게 하는 아주 나쁜 요소'로 봅니다.
• 나쁜 CLS로 인해 발생하는 사용자 경험 악화는 광고 수익화 관점에서도 무효 트래픽 유발로 판단되어, 사이트 퀄리티 저하 및 수익금 감소(차감)로 이어질 수 있습니다. 따라서 반드시 개선되어야 합니다.

CLS를 개선하려면 이미지나 영상 태그 또는 광고 지면에 항상 명시적인 가로(width) / 세로(height) 비율 크기를 부여하여 로드 전부터 브라우저가 공간을 확보해 두도록 하는 것이 가장 쉬운 해결책입니다.

Core Web Vitals는 완벽한가?

물론 이 지표들이 절대적인 진리는 아닙니다. 많은 한국 SEO 실무자들이 "페이지 속도 최적화에 몇 달을 쏟아 코어 웹 바이탈 점수를 100점으로 만들었지만, 트래픽 유입 순위에는 변동이 없다"고 토로하곤 합니다.

하지만 여기서 주목해야 할 점은 코어 웹 바이탈이 Tie-breaker(동점자 우선순위 결정) 역할로서 작동한다는 것입니다.

콘텐츠 품질, ব্যাক링크 프로필, 사이트 내 주제 전문성 등이 비슷한 두 개의 사이트가 경쟁 중일 때, 구글은 사용자가 사이트에 체류할 때 답답함을 덜 느끼는 쪽의 손을 들어줍니다. 경쟁이 치열한 키워드나 산업일수록, 이 미세한 '렌더링 차이'가 상위 세 자리(Top 3)의 승패를 결정짓는 핵심 요소로 작용합니다.

마치며

한국의 무선 인터넷 속도는 세계 최고 수준이지만, 그렇다고 해서 무겁고 불안정한 웹페이지가 용인되는 것은 아닙니다. 오히려 빠른 네트워크 속도에 비례해 '밀리초' 단위의 반응성까지 따지는 사용자들의 눈높이에 맞추어야 합니다.

만약 사이트 트래픽과 경쟁 우위 확보가 가장 중요한 과제라면, 이번 주 당신의 IT 팀장에게 "우리 사이트의 LCP 지표는 몇 초인가요?"라고 질문해 보는 것부터 최적화 여정을 시작해 보세요.