홈페이지를 운영하면서 “내 사이트가 왜 이렇게 느리지?”라고 느낀 적이 있다면, 가장 먼저 확인해야 할 도구가 PageSpeed Insights입니다. 구글이 무료로 제공하는 이 도구는 웹페이지의 로딩 속도와 사용자 경험을 측정하고, 어떤 부분을 개선하면 좋을지 구체적인 가이드까지 제시합니다. PageSpeed Insights 사용법을 제대로 이해하면, 점수 숫자에 일희일비하지 않고 실질적으로 사이트 성능을 끌어올릴 수 있습니다.
이번 글에서는 PageSpeed Insights의 기본 개념, 점수 측정 원리와 해석법, Core Web Vitals 항목별 의미, 실전 최적화 방법, 모바일과 데스크톱 점수 차이까지 살펴보겠습니다.
PageSpeed Insights란 무엇인가
PageSpeed Insights(PSI)는 구글이 제공하는 웹페이지 성능 분석 도구입니다. pagespeed.web.dev에 접속해서 URL을 입력하면, 해당 페이지의 로딩 속도, 사용자 경험, 접근성 등을 측정하고 0~100점 사이의 점수로 결과를 보여줍니다.
PSI가 다른 속도 측정 도구와 다른 점은 두 가지 데이터를 동시에 보여준다는 것입니다. 하나는 실험실 데이터(Lab Data)로, Lighthouse 엔진이 통제된 환경에서 시뮬레이션한 결과입니다. 다른 하나는 필드 데이터(Field Data)로, 실제 크롬 브라우저 사용자들의 방문 데이터를 집계한 것입니다. 필드 데이터는 Chrome User Experience Report(CrUX)에서 수집되며, 최근 28일간 실제 사용자 경험을 반영합니다.
실험실 데이터는 매번 측정할 때마다 조건이 동일하므로 개선 전후를 비교하기에 적합합니다. 반면 필드 데이터는 실제 사용자 환경을 반영하므로, 구글이 검색 순위에 반영하는 Core Web Vitals 평가의 기준이 됩니다.
PSI 점수가 낮으면 무조건 검색 순위가 떨어지나요?
그렇지 않습니다. 구글은 2018년 페이지 속도를 모바일 검색 랭킹 요소로 도입했지만, 공식 문서에서 “극단적으로 느린 페이지에만 영향을 미치며, 검색 의도가 여전히 가장 강한 랭킹 신호”라고 명시하고 있습니다. 관련성 높은 콘텐츠가 있다면 느린 페이지도 상위에 노출될 수 있습니다. 다만 속도가 빠르면 사용자 이탈률이 줄어 간접적으로 SEO에 긍정적 영향을 줍니다.
점수 측정 방법과 결과 해석
PSI 점수는 Lighthouse 엔진이 산출하며, 여러 성능 지표를 가중 평균해서 0~100점으로 환산합니다. 점수 구간별 의미는 구글이 명확하게 정의하고 있습니다.
- 90~100점: 좋음(Good) — 대부분의 성능 지표가 양호한 상태
- 50~89점: 개선 필요(Needs Improvement) — 일부 항목에서 최적화 여지가 있는 상태
- 0~49점: 나쁨(Poor) — 사용자 경험에 부정적 영향을 줄 수 있는 상태
점수만 보면 단순해 보이지만, 실제로 중요한 것은 점수 아래에 표시되는 세부 지표입니다. PSI 결과 페이지는 크게 세 영역으로 나뉩니다.
첫째, 필드 데이터 영역입니다. 실제 사용자 28일 데이터를 기반으로 Core Web Vitals 통과 여부를 초록·노랑·빨강으로 표시합니다. 이 영역이 비어 있다면 해당 페이지의 트래픽이 충분하지 않아 CrUX 데이터가 수집되지 않은 것입니다.
둘째, 실험실 데이터 영역으로 FCP(First Contentful Paint), LCP(Largest Contentful Paint), TBT(Total Blocking Time), CLS, Speed Index 등 세부 지표가 표시됩니다. 각 지표 옆의 색상 표시로 양호·보통·나쁨을 한눈에 파악할 수 있습니다.
셋째, 인사이트와 진단 영역입니다. 어떤 리소스가 로딩을 지연시키는지, 어떤 설정을 바꾸면 개선되는지 구체적인 항목과 예상 절감 시간을 함께 보여줍니다.
Core Web Vitals 항목별 의미
Core Web Vitals는 구글이 사용자 경험을 평가하기 위해 정의한 세 가지 핵심 지표입니다. 2024년 3월 12일부터 기존의 FID(First Input Delay)가 INP(Interaction to Next Paint)로 대체되었으며, 현재 Core Web Vitals는 LCP, INP, CLS 세 항목으로 구성됩니다.
LCP(Largest Contentful Paint)는 페이지에서 가장 큰 콘텐츠 요소가 화면에 표시되기까지 걸리는 시간입니다. 사용자가 “페이지가 로딩됐다”고 체감하는 순간과 가장 가깝습니다. 좋음 기준은 2.5초 이내이고, 4.0초를 초과하면 나쁨으로 분류됩니다. 보통 히어로 이미지, 대형 텍스트 블록, 동영상 포스터 이미지가 LCP 요소가 됩니다.
INP(Interaction to Next Paint)는 사용자가 페이지와 상호작용(클릭, 탭, 키 입력)한 뒤 화면이 반응하기까지 걸리는 시간입니다. 이전 지표인 FID는 첫 번째 입력만 측정했지만, INP는 페이지 수명 동안 발생하는 모든 상호작용 중 가장 느린 응답을 기준으로 삼습니다. 좋음 기준은 200밀리초 이내입니다. 모바일에서 FID 기준을 통과하는 사이트가 93%인 반면, INP 기준을 통과하는 사이트는 65%에 불과해서, 더 엄격하고 현실적인 지표입니다.
CLS(Cumulative Layout Shift)는 페이지 로딩 중 레이아웃이 예기치 않게 이동하는 정도를 측정합니다. 버튼을 누르려고 했는데 광고가 갑자기 삽입되면서 다른 곳을 클릭하게 되는 상황이 대표적인 CLS 문제입니다. 좋음 기준은 0.1 이하입니다. 이미지에 width·height 속성을 명시하지 않거나, 웹폰트 로딩 중 텍스트 크기가 바뀌는 경우에 CLS가 높아집니다.
Core Web Vitals 기준 정리:
- LCP: 2.5초 이내 → 좋음 / 4.0초 초과 → 나쁨
- INP: 200ms 이내 → 좋음 / 500ms 초과 → 나쁨
- CLS: 0.1 이하 → 좋음 / 0.25 초과 → 나쁨
구글은 각 지표에서 실제 사용자 방문의 75번째 백분위수(75th percentile)가 기준을 충족하면 해당 사이트를 “좋음”으로 분류합니다. 상위 75%가 아닌, 75%의 방문이 기준을 넘겨야 한다는 의미입니다.
점수 개선을 위한 실전 최적화
PSI에서 점수가 낮게 나왔을 때, 인사이트 영역에 표시된 항목을 우선순위대로 해결하는 것이 가장 효율적입니다. 자주 등장하는 개선 항목과 해결 방법을 정리합니다.
LCP 개선이 필요한 경우, 가장 큰 콘텐츠 요소의 로딩을 앞당기는 것이 핵심입니다. 히어로 이미지가 LCP 요소라면 차세대 이미지 형식(WebP, AVIF)으로 변환하고, 적절한 크기로 리사이즈합니다. 서버 응답 시간(TTFB)이 느리다면 호스팅 환경이나 CDN 적용을 검토해야 합니다. LCP 요소에 loading=”lazy”를 적용하면 오히려 로딩이 지연되므로, 첫 화면에 보이는 이미지는 lazy loading을 제거하고, fetchpriority=high를 적용합니다.
CLS 개선이 필요한 경우, 이미지와 동영상에 명시적 크기(width, height)를 지정하는 것만으로도 상당 부분 해결됩니다. 광고나 동적 콘텐츠가 삽입되는 영역은 미리 공간을 확보(min-height 설정)해 두면 레이아웃 밀림을 방지할 수 있습니다. 웹폰트로 인한 텍스트 깜빡임은 font-display: swap 또는 font-display: optional 설정으로 완화할 수 있습니다.
INP 개선이 필요한 경우, 자바스크립트 실행 시간을 줄이는 것이 관건입니다. 불필요한 서드파티 스크립트를 제거하거나, 메인 스레드를 오래 점유하는 작업을 Web Worker로 분리하는 방법이 있습니다. 이벤트 핸들러 내 무거운 연산은 requestAnimationFrame이나 setTimeout으로 분할 실행하면 응답성이 개선됩니다.
테크니컬 SEO 전체 점검 기준은 테크니컬 SEO 완벽 가이드, 검색엔진이 읽는 기준에서 확인하세요.
모바일과 데스크톱 점수 차이 이해
PSI에서 같은 페이지를 측정해도 모바일 점수가 데스크톱보다 크게 낮은 경우가 많습니다. 이 차이는 측정 환경의 설정이 다르기 때문입니다.
데스크톱 모드는 빠른 네트워크와 고성능 CPU 환경을 기준으로 시뮬레이션합니다. 반면 모바일 모드는 4G 네트워크 속도와 중급 모바일 기기의 CPU 성능을 기준으로 측정합니다. 같은 페이지라도 처리 능력이 제한된 환경에서 테스트하기 때문에 점수 차이가 발생합니다.
구글은 모바일 퍼스트 인덱싱을 적용하고 있으므로, 모바일 환경에서의 성능이 검색 순위에 더 직접적인 영향을 줍니다. PSI 결과를 확인할 때도 모바일 탭의 점수와 Core Web Vitals를 우선적으로 확인해야 합니다.
모바일 점수가 유독 낮을 때 확인할 사항:
- 이미지가 모바일 화면 크기에 맞게 반응형으로 제공되고 있는지
- 사용하지 않는 CSS·JS 파일이 모바일에서도 함께 로딩되고 있는지
- 서드파티 스크립트(채팅 위젯, 분석 코드, 광고 태그, 구글 폰트, 이모지/아이콘 링크)가 초기 로딩을 지연시키는지
- 모바일에서 뷰포트 밖 이미지에 lazy loading이 적용되어 있는지
SEO 홈페이지 제작 시 기술 점검 항목은 SEO 홈페이지 제작 방법, 검색 상위 노출을 위한 설계 전략에서 확인하세요.
자주 묻는 질문
PageSpeed Insights 점수 몇 점이면 괜찮은 건가요?
구글 기준으로 90점 이상이 “좋음”입니다. 다만 점수 자체보다 Core Web Vitals 세 항목(LCP, INP, CLS)이 각각 기준을 충족하는지가 더 중요합니다. 점수가 85점이라도 Core Web Vitals가 모두 초록이면 실질적인 사용자 경험은 양호한 상태입니다.
모바일 점수가 데스크톱보다 훨씬 낮은 이유는 무엇인가요?
PSI의 모바일 측정은 중급 모바일 기기의 CPU 성능과 4G 네트워크 속도를 기준으로 시뮬레이션합니다. 데스크톱보다 제한된 환경에서 테스트하기 때문에 같은 페이지라도 점수 차이가 발생합니다. 이미지 최적화, 불필요한 스크립트 제거, 렌더링 차단 리소스 정리가 모바일 점수 개선의 핵심입니다.
PageSpeed Insights 점수가 SEO 순위에 직접 영향을 주나요?
구글은 페이지 속도를 모바일 검색 랭킹 요소로 사용하지만, 공식 문서에서 “극단적으로 느린 페이지에만 영향을 미치며 검색 의도가 가장 강한 신호”라고 밝히고 있습니다. 점수 자체가 순위를 결정하지는 않지만, Core Web Vitals를 충족하면 페이지 경험 평가에서 긍정적 신호를 제공합니다.
홈페이지 속도는 사용자 경험과 검색 노출 모두에 영향을 미칩니다. PageSpeed Insights는 문제를 진단하고 개선 방향을 찾는 가장 접근하기 쉬운 도구입니다. 측정 결과를 바탕으로 체계적인 속도 최적화가 필요하다면, 디지트미에 문의해 주세요.
