PageSpeed Insights (PSI)는 모바일과 데스크톱 기기 모두에서 페이지의 사용자 환경을 보고하고 페이지를 개선할 수 있는 방법을 제안합니다.
PSI에서는 페이지에 관한 실험실 데이터와 현장 데이터를 모두 제공합니다. 실험실 데이터는 통제된 환경에서 수집되므로 문제를 디버깅하는 데 유용합니다. 하지만 실제 병목 현상을 캡처하지 못할 수도 있습니다. 필드 데이터는 실제 사용자 환경을 캡처하는 데 유용하지만 측정항목 집합이 더 제한적입니다. 두 가지 데이터 유형에 관한 자세한 내용은 속도 도구 고려 방법을 참고하세요.
실제 사용자 환경 데이터
PSI의 실제 사용자 환경 데이터는 Chrome 사용자 환경 보고서 (CrUX) 데이터 세트를 기반으로 합니다. PSI는 지난 28일의 수집 기간 동안 실제 사용자의 콘텐츠가 포함된 첫 페인트 (FCP), 최초 입력 반응 시간 (FID), 최대 콘텐츠 렌더링 시간 (LCP), 누적 레이아웃 변경 (CLS), 다음 페인트와의 상호작용 (INP) 경험을 보고합니다. PSI는 실험용 측정항목 첫 바이트까지의 시간 (TTFB)에 대한 환경도 보고합니다.
특정 페이지의 사용자 환경 데이터를 표시하려면 CrUX 데이터 세트에 포함될 만큼 충분한 데이터가 있어야 합니다. 페이지가 최근에 게시되었거나 실제 사용자의 샘플이 너무 적은 경우 데이터가 충분하지 않을 수 있습니다. 이 경우 PSI는 웹사이트의 모든 페이지의 모든 사용자 환경을 포괄하는 출처 수준 세부사항으로 돌아갑니다. 때로는 출처에 데이터가 충분하지 않을 수도 있으며, 이 경우 PSI는 실제 사용자 환경 데이터를 표시할 수 없습니다.
경험의 질 평가
PSI에서는 사용자 환경의 품질을 좋음, 개선 필요, 나쁨의 세 가지 버킷으로 분류합니다. PSI는 웹 바이탈 이니셔티브에 따라 다음 기준을 설정합니다.
| 양호 | 개선 필요 | 나쁨 | |
|---|---|---|---|
| FCP | [0, 1800밀리초] | (1800밀리초, 3000밀리초] | 3000밀리초 초과 |
| FID | [0, 100밀리초] | (100밀리초, 300밀리초] | 300밀리초 초과 |
| LCP | [0, 2500밀리초] | (2,500밀리초, 4,000밀리초] | 4000밀리초 초과 |
| CLS | [0, 0.1] | (0.1, 0.25] | 0.25 초과 |
| INP | [0, 200밀리초] | (200밀리초, 500밀리초] | 500밀리초 초과 |
| TTFB (실험용) | [0, 800밀리초] | (800밀리초, 1800밀리초] | 1800밀리초 초과 |
분포 및 선택된 측정항목 값
PSI는 개발자가 해당 페이지 또는 출처의 환경 범위를 이해할 수 있도록 이러한 측정항목의 분포를 나타냅니다. 이 분포는 좋음, 개선 필요, 나쁨의 세 가지 카테고리로 나뉘며 녹색, 황색, 빨간색 막대로 표시됩니다. 예를 들어 LCP의 황색 막대 내에서 11% 가 표시되면 관찰된 모든 LCP 값의 11% 가 2, 500ms에서 4000ms 사이에 있음을 나타냅니다.
분포 막대 위의 PSI는 모든 측정항목에 대해 75번째 백분위수를 보고합니다. 개발자가 사이트에서 가장 불편한 사용자 경험을 파악할 수 있도록 75번째 백분위수가 선택됩니다. 이러한 필드 측정항목 값은 위에 나온 것과 동일한 기준을 적용하여 좋음/개선 필요/부족으로 분류됩니다.
코어 웹 바이탈
코어 웹 바이탈은 모든 웹 환경에 중요한 일반적인 성능 신호 집합입니다. 코어 웹 바이탈 측정항목은 FID, LCP, CLS이며 페이지 또는 출처 수준에서 집계될 수 있습니다. 세 가지 측정항목 모두에 충분한 데이터가 있는 집계의 경우 세 가지 측정항목 모두의 75번째 백분위수가 양호하면 집계가 코어 웹 바이탈 평가를 통과합니다. 그렇지 않으면 집계가 평가를 통과하지 못합니다. 집계에 FID에 필요한 데이터가 충분하지 않고 LCP와 CLS의 75번째 백분위수가 모두 양호하면 평가를 통과합니다. LCP 또는 CLS에 데이터가 충분하지 않으면 페이지 또는 출처 수준 집계를 평가할 수 없습니다.
PSI와 CrUX의 필드 데이터의 차이점
PSI의 필드 데이터와 BigQuery의 CrUX 데이터 세트의 차이점은 PSI의 데이터는 매일 업데이트되는 반면 BigQuery 데이터 세트는 매월 업데이트되며 출처 수준 데이터로 제한된다는 점입니다. 두 데이터 소스 모두 후행 28일 기간을 나타냅니다.
실험실 진단
PSI에서는 Lighthouse를 사용하여 시뮬레이션된 환경에서 실적, 접근성, 권장사항, 검색엔진 최적화 카테고리에 대한 지정된 URL을 분석합니다.
점수
섹션 상단에는 각 카테고리의 점수가 표시되며, Lighthouse를 실행하여 페이지에 관한 진단 정보를 수집하고 분석함으로써 결정됩니다. 점수가 90점 이상이면 양호한 것으로 간주됩니다. 50점에서 89점은 개선이 필요한 점수이고, 50점 미만이면 저조하다고 간주됩니다.
측정항목
성능 카테고리에는 콘텐츠가 포함된 첫 페인트, 최대 콘텐츠 렌더링 시간, 속도 지수, 레이아웃 변경 횟수, 상호작용 시작 시간, 총 차단 시간 등 다양한 측정항목에 관한 페이지 성능도 표시됩니다.
각 측정항목은 점수가 부여되며 아이콘으로 라벨이 지정됩니다.
- 좋음은 녹색 원으로 표시됩니다.
- 개선 필요 는 정보 제공을 위한 황색 정사각형으로 표시됩니다.
- 나쁨은 빨간색 경고 삼각형으로 표시됩니다.
감사
각 카테고리에는 페이지의 사용자 환경을 개선하는 방법에 관한 정보를 제공하는 감사가 있습니다. 각 카테고리의 감사에 관한 자세한 내용은 Lighthouse 문서를 참고하세요.
자주 묻는 질문(FAQ)
Lighthouse에서 페이지 로드를 시뮬레이션하기 위해 사용하는 기기와 네트워크 조건은 무엇인가요?
현재 Lighthouse는 모바일용 모바일 네트워크에서 중간 계층 기기 (Moto G4) 기기의 페이지 로드 조건을 시뮬레이션하고 데스크톱용 유선 연결을 사용하여 에뮬레이션된 데스크톱을 시뮬레이션합니다. 또한 PageSpeed는 네트워크 상태에 따라 달라질 수 있는 Google 데이터 센터에서 실행됩니다. Lighthouse 보고서의 환경 블록을 살펴보면 테스트가 실행된 위치를 확인할 수 있습니다.
참고: PageSpeed는 북미, 유럽 또는 아시아 중 하나에서 실행된다고 보고합니다.
필드 데이터와 실험실 데이터가 때때로 서로 상충하는 이유는 무엇인가요?
필드 데이터는 특정 URL의 실적에 관한 이전 보고서이며 다양한 기기 및 네트워크 조건에서 실제 사용자의 익명처리된 성능 데이터를 나타냅니다. 실험실 데이터는 단일 기기에서 시뮬레이션된 페이지 로드와 고정된 네트워크 조건을 기반으로 합니다. 따라서 값이 다를 수 있습니다. 자세한 내용은 실습 및 필드 데이터가 다를 수 있는 이유 및 해야 할 일을 참고하세요.
모든 측정항목에 대해 75번째 백분위수가 선택된 이유는 무엇인가요?
Google의 목표는 대부분의 사용자에게 페이지가 원활하게 작동하도록 하는 것입니다. 이렇게 하면 측정항목의 75번째 백분위수 값에 집중함으로써 가장 까다로운 기기 및 네트워크 조건에서도 페이지가 우수한 사용자 환경을 제공할 수 있습니다. 자세한 내용은 코어 웹 바이탈 측정항목 기준점 정의를 참고하세요.
실험실 데이터에 대한 좋은 점수는 무엇인가요?
녹색 점수 (90+)는 모두 양호한 것으로 간주되지만 실험실 데이터가 양호하다고 해서 실제 사용자 경험도 반드시 좋은 것은 아닙니다.
실행할 때마다 성능 점수가 변경되는 이유는 무엇인가요? 페이지에서 아무것도 변경하지 않았습니다.
실적 측정의 가변성은 영향의 정도가 다양한 여러 채널을 통해 발생합니다. 측정항목 가변성의 몇 가지 일반적인 원인은 로컬 네트워크 가용성, 클라이언트 하드웨어 가용성, 클라이언트 리소스 경합입니다.
URL이나 출처에 실제 사용자 CrUX 데이터를 사용할 수 없는 이유는 무엇인가요?
Chrome 사용자 환경 보고서는 사용 설정을 선택한 사용자의 실제 속도 데이터를 집계하며, URL은 공개(크롤링 및 색인 생성 가능)해야 하고, URL 또는 출처의 익명처리된 대표적인 성능을 제공하는 충분한 수의 고유한 샘플이 있어야 합니다.
더 궁금한 점이 있으신가요?
구체적이고 답변 가능한 PageSpeed Insights 사용과 관련하여 궁금한 점이 있으면 Stack Overflow에서 영어로 질문하세요.
PageSpeed Insights에 관한 일반적인 의견이나 질문이 있거나 일반적인 토론을 시작하려는 경우 메일링 리스트에서 대화목록을 시작하세요.
웹 바이탈 측정항목에 관한 일반적인 질문이 있다면 web-vitals-feedback 토론 그룹에서 대화목록을 시작해 주세요.
의견
이 페이지가 도움이 되셨나요?