한눈에 보는 정의
구글이 정한 사용자 경험 지표 묶음으로, 로딩 속도(LCP)·반응성(INP)·화면 안정성(CLS) 세 가지를 잰 값.
이런 말로 들어요
- 모바일 Core Web Vitals 중 LCP가 기준을 넘고 있어요.
- 이미지 크기를 지정해서 CLS를 0.1 아래로 낮췄습니다.
그림으로 보기
세 지표 모두 방문자 페이지 로드의 75번째 백분위 값이 기준 안에 들어야 좋음으로 판정합니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
LCP는 화면에서 가장 큰 내용이 보이기까지의 시간, INP는 클릭·터치에 화면이 반응하는 속도, CLS는 읽는 도중 화면이 갑자기 밀리는 정도입니다. web.dev 기준으로 LCP 2.5초 이내, INP 200밀리초 이하, CLS 0.1 이하면 "좋음"이고, 방문자 페이지 로드의 75번째 백분위 값으로 판정합니다. 구글 서치 콘솔과 PageSpeed Insights에서 실제 사용자 데이터를 볼 수 있습니다.
실무 예시
예를 들어 메인 배너 사진이 4MB라 LCP가 늦다면 WebP로 줄이고 먼저 불러오도록 설정해 LCP를 낮출 수 있습니다.
함께 살펴볼 점
실험실 측정(라이트하우스) 점수와 실제 사용자 데이터는 다를 수 있습니다. 판정은 실제 방문자 데이터 기준이며, 방문자가 적으면 데이터가 표시되지 않을 수 있습니다.
AI에게 이렇게 요청해 보세요
이 페이지의 LCP·INP·CLS를 개선할 방법을 찾아 줘. 메인 이미지 최적화와 레이아웃 밀림 원인부터 확인하고 바꾼 내용을 목록으로 알려 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- Web Vitals | web.dev 새 창
LCP 2.5초 이내, INP 200밀리초 이하, CLS 0.1 이하 기준과 75번째 백분위 판정 방식을 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정