PageSpeed Insights (PSI)는 모바일 및 데스크톱 기기 모두에서 페이지의 사용자 환경을 보고하고 페이지를 개선할 수 있는 방법을 제안합니다.
PSI에서는 페이지에 관한 실험실 데이터와 필드 데이터를 모두 제공합니다. 실습 데이터는 통제된 환경에서 수집되므로 문제를 디버깅하는 데 유용합니다. 그러나 실제 병목 현상을 캡처하지 못할 수 있습니다. 필드 데이터는 실제 사용자 환경을 포착하는 데 유용하지만 측정항목 집합이 제한됩니다. 두 가지 유형의 데이터에 대한 자세한 내용은 속도 도구에 관해 생각하는 법을 참고하세요.
실제 사용자 환경 데이터
PSI의 실제 사용자 환경 데이터는 Chrome 사용자 환경 보고서 (CrUX) 데이터 세트를 기반으로 합니다. PSI에서는 지난 28일의 수집 기간 동안 실제 사용자의 첫 번째 콘텐츠 페인트 (FCP), 최초 입력 반응 시간 (FID), 콘텐츠가 포함된 최대 페인트 (LCP), 레이아웃 변경 횟수 (CLS), 다음 페인트와의 상호작용 (INP) 경험을 보고합니다. PSI에서는 실험 측정항목인 TTFB (Time to First Byte)의 경험도 보고합니다.
특정 페이지의 사용자 환경 데이터를 표시하려면 CrUX 데이터 세트에 포함될 만큼 충분한 데이터가 있어야 합니다. 페이지가 최근에 게시되었거나 실제 사용자의 샘플이 너무 적은 경우 데이터가 충분하지 않을 수 있습니다. 이 경우 PSI는 출처 수준 세부사항으로 되돌아가며, 웹사이트의 모든 페이지에 있는 모든 사용자 환경을 포함합니다. 출처에 데이터가 충분하지 않을 때도 있습니다. 이 경우 PSI에서 실제 사용자 환경 데이터를 표시할 수 없습니다.
환경 품질 평가
PSI는 사용자 환경의 품질을 '좋음', '개선 필요', '느림'의 3가지 유형으로 분류합니다. PSI는 웹 바이탈 이니셔티브에 맞게 다음 기준을 설정합니다.
| 양호 | 개선 필요 | 나쁨 | |
|---|---|---|---|
| FCP | [0, 1800ms] | (1800ms, 3000ms) | 3,000ms 초과 |
| FID | [0, 100ms] | (100ms, 300ms) | 300ms 초과 |
| LCP | [0, 2500ms] | (2500ms, 4000ms) | 4,000ms 이상 |
| CLS | [0, 0.1] | (0.1, 0.25) | 0.25 이상 |
| INP | [0, 200ms] | (200ms, 500ms) | 500ms 초과 |
| TTFB (실험용) | [0, 800ms] | (800ms, 1800ms] | 1800ms 초과 |
분포 및 선택한 측정항목 값
PSI에서는 이러한 페이지의 분포를 보여주므로 개발자가 페이지 또는 출처의 환경 범위를 이해할 수 있습니다. 이 분포는 '좋음', '개선 필요', '느림'의 세 가지 카테고리로 구분되며 녹색, 황색, 빨간색 막대로 표시됩니다. 예를 들어 LCP의 황색 막대 안에서 11% 를 본다면 관찰된 모든 LCP 값 중 11% 가 2500ms에서 4000ms 사이라는 의미입니다.
분포 표시줄 위의 PSI는 모든 측정항목의 75번째 백분위수를 보고합니다. 개발자가 사이트에서 가장 짜증나는 사용자 환경을 이해할 수 있도록 75번째 백분위수가 선택됩니다. 이러한 필드 측정항목 값은 위에 표시된 것과 동일한 임곗값을 적용하여 좋음/개선 필요/나쁨으로 분류됩니다.
코어 웹 바이탈
코어 웹 바이탈은 모든 웹 환경에 중요한 성능 신호의 일반적인 집합입니다. 코어 웹 바이탈 측정항목은 FID, LCP, CLS이며 페이지 또는 출처 수준에서 집계될 수 있습니다. 세 가지 측정항목 모두에서 충분한 데이터가 있는 집계의 경우 세 가지 측정항목 모두의 75번째 백분위수가 양호하면 집계가 코어 웹 바이탈 평가를 통과합니다. 그렇지 않으면 집계가 평가를 통과하지 못합니다. 집계에 FID 데이터가 부족하면 LCP와 CLS의 75번째 백분위수가 모두 양호한 경우 평가를 통과합니다. LCP 또는 CLS에 데이터가 충분하지 않으면 페이지 또는 출처 수준 집계를 평가할 수 없습니다.
PSI와 CrUX의 필드 데이터 차이점
PSI의 필드 데이터와 BigQuery의 CrUX 데이터 세트의 차이점은 PSI의 데이터는 매일 업데이트되지만 BigQuery 데이터 세트는 월별로 업데이트되고 출처 수준 데이터로 제한된다는 점입니다. 두 데이터 소스 모두 지난 28일 기간을 나타냅니다.
실습 진단
PSI는 시뮬레이션된 환경에서 Lighthouse를 사용하여 성능, 접근성, 권장사항, 검색엔진 최적화 카테고리를 분석합니다.
점수
섹션 상단에는 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 토론 그룹에서 대화목록을 시작하세요.
의견
이 페이지가 도움이 되셨나요?