12CODE
지금 읽는 곳 LCP는 정확히 무엇을 재는 지표인가 1 / 9
12code 라이브러리 아티클 표지. 구글 Core Web Vitals(코어 웹 바이탈) 마스터: 로딩 속도(LCP), 반응성(INP), 시각적 안정성(CLS) 테크니컬 개선 실무

구글 Core Web Vitals(코어 웹 바이탈) 마스터: 로딩 속도(LCP), 반응성(INP), 시각적 안정성(CLS) 테크니컬 개선 실무

페이지가 "뜨긴 뜨는데 불편하다"는 체감을 숫자 세 개로 바꿔놓은 지표입니다.

이 과목 03 / 11편 중급 4분
과목 ID70
트랙STEP 2 중급·실무
모듈2-3. 오가닉 채널·검색 최적화
레슨03
난이도중급
플랫폼구글
발행일2026-08-29
검토일2026-08-29
관련 과목71 · 72 · 80
출처1건
핵심요약4개
01

LCP(로딩)는 2.5초 이내, INP(반응성)는 200밀리초 미만, CLS(시각적 안정성)는 0.1 미만이 기준이다

02

INP는 2024년 3월 코어 웹 바이탈에서 FID(최초 입력 지연)를 공식 대체했다

03

세 지표 모두 임계값을 넘으면 사용자 경험이 나쁜 것으로 평가돼 순위에 불리하게 작용한다

04

세 지표는 로딩·반응성·안정성이라는 서로 다른 체감 불편을 각각 측정한다

01

LCP는 정확히 무엇을 재는 지표인가

LCP(Largest Contentful Paint)는 페이지 로딩 성능을 측정하며, 페이지 로드 시작 후 2.5초 이내에 가장 큰 시각 요소가 나타나야 한다는 기준을 둡니다. 여기서 "가장 큰 시각 요소"는 보통 대표 이미지나 헤드라인 영역인데, 이 요소가 늦게 뜨면 사용자는 페이지가 아직 안 열린 것처럼 체감합니다. 서버 응답 지연, 렌더링을 막는 CSS·자바스크립트, 최적화되지 않은 이미지 용량이 LCP를 늦추는 대표적 원인입니다.

02

INP는 왜 예전 FID를 대체하게 됐나

INP(Interaction To Next Paint)는 사용자 상호작용에 대한 페이지 반응 성능을 측정하며 200밀리초 미만이어야 합니다. INP는 2024년 3월 코어 웹 바이탈에서 FID(First Input Delay)를 공식 대체했는데, FID가 "첫 클릭까지 걸린 지연"만 쟀다면 INP는 페이지에 머무는 내내 발생하는 모든 상호작용의 반응 속도를 관찰합니다. 즉 첫 클릭은 빨랐어도 스크롤 중간에 버튼이 자주 먹통이 되는 페이지라면 INP가 나쁘게 나오는데, 이런 문제는 FID 기준으로는 애초에 잡히지 않았습니다.

03

CLS는 어떤 사용자 불편을 겨냥하나

CLS(Cumulative Layout Shift)는 페이지 렌더링 중 예상치 못한 레이아웃 변화의 정도를 측정하며 0.1 미만이어야 합니다. 광고나 이미지가 나중에 로드되면서 이미 읽고 있던 텍스트가 아래로 밀려나거나, 그 순간 엉뚱한 버튼을 잘못 누르게 되는 경험이 CLS가 나쁠 때 나타나는 전형적 증상입니다. 이미지·광고 영역에 미리 크기(width·height)를 지정해두는 것이 CLS 개선의 기본 조치입니다.

04

세 지표 중 하나만 좋아서는 안 되는 이유

세 지표는 각각 "언제 뜨는가(LCP)", "누르면 바로 반응하는가(INP)", "읽는 도중 화면이 흔들리지 않는가(CLS)"라는 서로 다른 불편을 측정하기 때문에, 하나만 개선하고 나머지를 방치하면 사용자 경험은 여전히 나쁩니다. 예를 들어 LCP는 빨라도 CLS가 나쁘면 "빨리 뜨긴 하는데 자꾸 화면이 튄다"는 체감으로 남고, 이 체감은 실제 이탈률에 그대로 반영됩니다.

05

임계값을 넘겼을 때 순위에 미치는 영향

LCP 임계값(2.5초)을 초과하면 검색 순위에 부정적 영향을 미칠 수 있고, CLS 점수(0.1)를 초과해도 사용자 경험이 나쁜 것으로 평가되어 마찬가지로 순위에 불리하게 작용합니다. 다만 이 세 지표가 순위를 결정하는 유일한 요소는 아니며, 콘텐츠 관련성이 훨씬 큰 비중을 차지한다는 점은 함께 기억해둬야 합니다 — 즉 지표 개선이 콘텐츠 품질을 대신할 수는 없습니다.

06

실무에서 세 지표를 확인하는 방법

구글 서치 콘솔의 "핵심 웹 지표" 리포트는 실제 방문자의 현장 데이터(필드 데이터)를 기준으로 URL 그룹별 통과·실패 여부를 보여주며, PageSpeed Insights는 실험실 데이터로 개별 페이지를 즉시 진단해줍니다. 두 도구가 다른 기준(현장 vs 실험실)을 쓰기 때문에 수치가 다르게 나올 수 있는데, 실제 순위에 영향을 주는 것은 현장 데이터 쪽이므로 서치 콘솔 리포트를 우선 기준으로 삼는 편이 실무적으로 맞습니다.

07

마케팅팀이 개발팀에 개선을 요청할 때 흔한 소통 오류

마케팅팀이 "사이트가 느리다"고만 전달하면 개발팀은 어느 지표를, 어느 페이지에서, 얼마나 개선해야 하는지 판단할 기준이 없습니다. 서치 콘솔 리포트에서 실패한 URL 그룹과 어느 지표가 임계값을 넘었는지 캡처해 함께 전달하면, 개발팀이 이미지 최적화·자바스크립트 지연 로딩·레이아웃 크기 고정 중 어디부터 손대야 할지 바로 판단할 수 있습니다. 이 구체성이 없으면 개선 요청이 몇 주씩 우선순위에서 밀리는 일이 반복되므로, 리포트 캡처와 함께 "어느 URL 그룹이, 어느 지표에서, 얼마나 임계값을 넘었는지"를 표로 정리해 전달하는 습관을 들이는 편이 좋습니다.

08

광고 랜딩페이지에서 코어 웹 바이탈을 특히 챙겨야 하는 이유

유료 광고로 유입되는 랜딩페이지는 오가닉 검색 페이지보다 방문자의 인내심이 짧은 경향이 있어, LCP·INP가 나쁘면 광고비를 들여 데려온 방문자가 페이지가 채 뜨기도 전에 이탈하는 손실로 직결됩니다. 오가닉 SEO 관점의 순위 하락뿐 아니라 유료 트래픽의 전환율 손실까지 함께 걸려 있다는 점에서, 랜딩페이지는 코어 웹 바이탈 점검 우선순위를 다른 페이지보다 높게 잡을 근거가 있습니다.

09

코어 웹 바이탈 개선이 늦어질 때 우선순위를 정하는 방법

개발 리소스가 한정된 상황에서 세 지표를 한꺼번에 개선하려 들면 어느 것도 제대로 끝내지 못하는 경우가 흔합니다. 서치 콘솔 리포트에서 "나쁨"으로 잡힌 URL 그룹 수와 실제 트래픽·전환 기여도를 함께 놓고, 방문자가 가장 많이 드나드는 페이지 그룹의 지표부터 순서를 정해 개선하는 편이 전체 사이트를 균등하게 손대는 것보다 체감 효과가 빠르게 나타납니다.

다음 행동

서치 콘솔의 핵심 웹 지표 리포트에서 자사 사이트의 URL 그룹 중 "나쁨"으로 분류된 곳이 있는지 확인하고, 어느 지표(LCP·INP·CLS)가 문제인지부터 짚어보세요. 다음 편(4강)에서는 검색결과 화면(SERP)에 노출되는 타이틀·메타 디스크립션 최적화를 다룹니다.

다음 글 · 레슨 04→검색 결과 화면(SERP) 최적화: 타이틀 태그(Title Tag)와 메타 디스크립션(Meta Description)의 글자 수 제한 및 후킹 배치 공식

← 이전 글 · 레슨 02 로봇 제어의 사령탑: robots.txt 파일 문법 규칙과 크롤러 접근 권한 설정 및 sitemap.xml 생성·제출 가이드

출처

facts 항목 기준 · 본문 인라인 미표기1건

플랫폼 기능·심의 기준·가격·법률은 바뀝니다. 이 글은 2026-08-29에 위 출처를 기준으로 확인했습니다.

CHALLENGE

배운 걸 실전 문제로 확인

카테고리별 Level Test로 실무 레벨을 점검해보세요.

챌린지 보기 →
이 과목의 게시글11편
01구글 검색 엔진의 눈: 검색 로봇의 크롤링(Crawling), 인덱싱(Indexing), 랭킹(Ranking) 패러다임 완벽 해부02로봇 제어의 사령탑: robots.txt 파일 문법 규칙과 크롤러 접근 권한 설정 및 sitemap.xml 생성·제출 가이드03구글 Core Web Vitals(코어 웹 바이탈) 마스터: 로딩 속도(LCP), 반응성(INP), 시각적 안정성(CLS) 테크니컬 개선 실무04검색 결과 화면(SERP) 최적화: 타이틀 태그(Title Tag)와 메타 디스크립션(Meta Description)의 글자 수 제한 및 후킹 배치 공식05구조화 데이터 마크업(Schema Markup): JSON-LD 코드를 활용해 구글 창에 별점, 가격, FAQ 리치 스니펫(Rich Snippets) 노출시키기06중복 콘텐츠 지옥 탈출: 동일 페이지의 URL이 파라미터별로 파편화될 때 검색 점수 누수를 막는 캐노니컬 태그(rel="canonical") 사용법07모바일 퍼스트 인덱싱(Mobile-First Indexing): PC 중심 설계를 버리고 모바일 반응형 웹 환경에서 구글 봇에게 가점 받는 구조08구글 서치 콘솔(Google Search Console) 심화: '색인 생성 범위' 오류(404, 리다이렉션 에러) 원인 추적 및 즉각 해결 매뉴얼09웹사이트 이관(Migration) 전략: 도메인을 변경하거나 호스팅사를 바꿀 때 기존 SEO 점수를 100% 보존하는 301 리다이렉트 기술10주소창(URL) 구조 고도화: 숫자/특수문자 나열형 나쁜 주소를 버리고, 키워드가 포함된 계층형(Breadcrumbs) 친화적 주소 설계 룰11내부 링크 구조의 시너지(Internal Linking): 자사 사이트 내 중요한 페이지로 웹 검색 점수를 몰아주는 앵커 텍스트(Anchor Text) 활용법 과목 전체 보기 →

MKT TOOLS

실무자를 위한 무료 도구

카피 글자수 검사, CPC·ROAS 계산기, UTM 생성기까지.

워크스페이스 열기 →