성능은 개발팀만의 지표가 아닙니다
웹사이트가 느리면 고객은 불만을 남기지 않습니다. 그저 뒤로 가기를 누르고 경쟁사 사이트로 이동할 뿐입니다. Deloitte와 Google이 2020년에 발표한 「Milliseconds Make Millions」 보고서에 따르면, 모바일 로딩 속도를 0.1초 개선했을 때 리테일 사이트의 전환율은 8.4%, 여행 사이트는 10.1% 높아졌습니다. B2B 기업도 다르지 않습니다. 문의 폼이 늦게 뜨거나 버튼이 한 박자 늦게 반응하면, 영업 기회가 기록조차 남지 않은 채 사라집니다.
Google은 Core Web Vitals를 포함한 페이지 경험을 검색 순위 신호로 활용하고 있습니다. 콘텐츠 관련성보다 가중치가 크지는 않지만, 비슷한 수준의 경쟁 페이지 사이에서는 승부를 가르는 요소가 될 수 있습니다.
Core Web Vitals 세 가지 지표 이해하기
| 지표 | 의미 | 좋음 | 개선 필요 | 나쁨 |
|------|------|------|----------|------|
| LCP | 가장 큰 콘텐츠가 표시되는 시간 | 2.5초 이하 | 4초 이하 | 4초 초과 |
| INP | 클릭·입력에 대한 화면 응답 시간 | 200ms 이하 | 500ms 이하 | 500ms 초과 |
| CLS | 예상치 못한 레이아웃 이동 정도 | 0.1 이하 | 0.25 이하 | 0.25 초과 |
INP는 2024년 3월에 FID를 대체한 지표로, 첫 입력만이 아니라 페이지를 사용하는 동안 발생한 상호작용 전체의 응답성을 평가합니다. 판정은 방문 75번째 백분위수 기준이므로, 방문자 4명 중 3명 이상이 '좋음' 구간에 들어야 합격입니다.
실험실 측정과 실사용자 데이터
Lighthouse는 정해진 기기·네트워크 조건에서 측정하는 실험실 데이터입니다. 반면 검색 평가에 쓰이는 것은 Chrome 실사용자 데이터(CrUX)의 최근 28일 집계입니다. 개발자의 고성능 노트북에서는 90점이 나와도, 보급형 안드로이드 사용자에게는 LCP가 4초를 넘을 수 있습니다. 두 데이터는 반드시 함께 봐야 합니다.
원인별 진단 방법
큰 이미지·웹폰트·서드파티 스크립트
LCP 요소는 대부분 히어로 이미지입니다. 2MB짜리 PNG를 그대로 올리거나 LCP 이미지에 지연 로딩을 걸면 표시가 크게 늦어집니다. 한글 웹폰트는 파일 하나가 수 MB에 이르기도 하므로 서브셋 처리가 필요합니다. 광고, 채팅 위젯, 분석 태그처럼 누적된 서드파티 스크립트는 Chrome DevTools의 네트워크·성능 패널에서 도메인별로 분류하면 영향이 바로 드러납니다.
무거운 자바스크립트 번들
메인 스레드를 50ms 넘게 점유하는 작업(Long Task)은 INP를 악화시키는 주범입니다. 번들 분석 도구로 한 페이지에서만 쓰는 라이브러리가 공통 번들에 섞여 있지 않은지 확인합니다.
서버 응답 지연과 캐시
TTFB(첫 바이트까지의 시간)가 0.8초를 넘으면 LCP 목표 달성이 어려워집니다. 매 요청마다 DB를 조회하는 페이지, `Cache-Control` 헤더가 빠진 정적 자원이 흔한 원인입니다.
효과가 큰 개선 순서
예를 들어 히어로 이미지 하나를 1.8MB PNG에서 180KB AVIF로 바꾸기만 해도, 느린 모바일 회선에서는 LCP가 1초 이상 줄어드는 경우가 흔합니다.
개선 이후 유지 체계
성능은 한 번 개선한다고 유지되지 않습니다. 새 기능과 마케팅 태그가 추가될 때마다 조금씩 다시 느려집니다. 그래서 배포 전 성능 예산 검사가 필요합니다. Lighthouse CI에 "JS 번들 300KB 이하, LCP 2.5초 이하" 같은 기준을 걸어 두면, 기준을 넘는 변경은 배포 전에 걸러집니다. 운영 단계에서는 `web-vitals` 라이브러리로 실사용자 지표를 수집해 페이지별 추이를 모니터링합니다.
POLYGLOTSOFT와 함께 빠른 웹사이트를 유지하세요
POLYGLOTSOFT 구독형 개발 서비스는 Core Web Vitals 진단부터 이미지·스크립트·렌더링 구조 개선까지 전담팀이 월 단위로 진행합니다. 개발이 끝난 뒤에도 유지보수(SM) 플랜으로 성능 예산 검사와 실사용자 모니터링을 이어 가므로, 한 번 빨라진 사이트가 다시 느려지지 않도록 관리합니다. 사이트 속도가 고민이시라면 지금 문의해 주십시오. 현재 상태 진단부터 함께 시작하겠습니다.