PageSpeed Insights 정보

PageSpeed Insights에서는 모바일 및 데스크톱 기기의 실제 성능을 보고하고 페이지 개선 방향을 제안합니다.

속도 점수

PageSpeed Insights에서는 Chrome 사용자 환경 보고서(CrUX)의 데이터를 통합하여 페이지의 실제 성능 데이터를 표시합니다. PSI에서는 First Contentful Paint(FCP)와 DOMContentLoaded(DCL)라는 두 가지 측정항목을 보고합니다.

각 측정항목(FCP 및 DCL)의 중앙값은 CrUX 보고서에서 모니터링한 모든 페이지와 비교됩니다. 각 측정항목의 카테고리는 분포에 따라 지정됩니다.

  • 빠름: 측정항목의 중앙값이 로드되는 모든 페이지 중 가장 빠른 1/3입니다.
  • 느림: 측정항목의 중앙값이 로드되는 모든 페이지 중 가장 느린 1/3입니다.
  • 평균: 측정항목의 중앙값이 로드되는 모든 페이지 중 중간 1/3입니다.

전체 속도 점수는 각 측정항목의 카테고리에 따라 계산됩니다.

  • 빠름: 페이지의 모든 측정항목이 빠른 경우
  • 느림: 페이지의 측정항목 중 느린 것이 있는 경우
  • 평균: 기타 모든 경우

페이지 로드 분포

페이지 로드 분포 섹션은 CrUX 데이터세트에서 이 페이지의 FCP 및 DCL 측정항목의 분포를 나타냅니다. 각 측정항목의 분포는 빠름(가장 빠른 1/3), 평균(중간 1/3), 느림(하위 1/3)의 세 가지 카테고리로 나뉩니다. 분포는 주 단위로 업데이트됩니다.

최적화 점수

PageSpeed Insights에서는 페이지가 일반적인 성능 권장사항을 얼마나 잘 따르는지 평가하고 0~100의 점수로 계산하여 성능 개선 여지를 추정합니다. 이를 통해 두 가지 영역에서 페이지의 성능을 개선할 수 있는지 평가합니다.

  • 스크롤 없이 볼 수 있는 부분을 로드하는 데 걸리는 시간: 사용자가 새 페이지를 요청한 순간부터 브라우저에서 스크롤 없이 볼 수 있는 부분의 콘텐츠가 렌더링될 때까지 걸린 시간
  • 전체 페이지를 로드하는 데 걸리는 시간: 사용자가 새 페이지를 요청한 순간부터 브라우저에서 페이지가 완전히 렌더링될 때까지 걸린 시간

점수는 좋음, 보통, 낮음으로 분류됩니다. 계산 시 개발자가 페이지의 스타일과 기능을 동일하게 유지하려고 한다고 가정합니다.

  • 좋음: 페이지가 대부분의 성능 권장사항을 충족하며 추가로 최적화할 여지가 거의 없습니다. 페이지 점수는 80점 이상입니다.
  • 보통: 페이지가 몇 가지 일반적인 성능 최적화를 충족하지 않으며 최적화할 여지는 중간 정도입니다. 페이지 점수는 60~79점입니다.
  • 낮음: 페이지가 최적화되어 있지 않으며 최적화할 여지가 상당히 많습니다. 페이지 점수는 0~59점입니다.

최적화 점수는 페이지의 성능 개선 여지를 추정합니다. 속도가 느린 페이지의 최적화 점수가 높을 수 있는데, 페이지에서 사용하는 전체 리소스 대비 렌더링 차단 리소스의 비율이 낮기 때문입니다. 반면 속도가 빠른 페이지의 최적화 점수가 낮을 수도 있는데, 전체 리소스 대비 렌더링 차단 리소스의 비율이 높기 때문입니다.

페이지 통계

이 섹션에는 페이지에서 렌더링 차단 리소스를 로드하는 데 필요한 왕복 횟수, 페이지에서 사용하는 총 바이트수 및 왕복 횟수와 데이터세트에서 사용된 바이트의 중앙값을 비교하는 방법이 설명되어 있습니다. 이때 페이지의 스타일과 기능을 수정하면 페이지가 더 빨라질 수 있는지 나타낼 수 있습니다.

최적화 권장사항

이 페이지에 적용할 수 있는 권장사항 목록입니다. 페이지가 빠르면 기본적으로 권장사항이 표시되지 않습니다. 페이지가 이미 데이터세트의 모든 페이지 중 상위 1/3에 포함되며 추가 개선이 필요하지 않기 때문입니다.

네트워크 연결 성능이 상당히 다양하기 때문에 최적화에서는 서버 설정, 페이지의 HTML 구조 및 이미지, 자바스크립트, CSS와 같은 외부 리소스 사용과 같이 페이지 성능 중 네트워크와 관련 없는 부분을 처리합니다. 이러한 권장사항을 구현하면 페이지의 상대적 성능을 개선할 수 있습니다. 하지만 페이지의 절대적 성능은 여전히 사용자의 네트워크 연결에 좌우됩니다.

속도 성능은 다양한 요인의 영향을 받지만 그중 다음 두 가지가 가장 중요합니다.

질문

PageSpeed Insights에 관해 질문이 있는 경우 FAQ를 참조하거나 토론방에 메시지를 게시해 주세요.