PageSpeed Insights 정보

PageSpeed Insights (PSI)는 모바일과 데스크톱의 페이지 사용자 경험을 보고합니다. 페이지를 개선할 수 있는 방법에 대한 제안을 제공합니다.

PSI에서는 페이지에 대한 실험실 및 현장 데이터를 모두 제공합니다. 실험실 데이터는 디버깅에 유용함 통제된 환경에서 수집되기 때문에 매우 중요합니다 그러나 캡처합니다. 필드 데이터는 실제 사용자를 캡처하는 데 유용함 사용할 수도 있지만 측정항목이 더 제한적입니다. 생각하는 방법 보기 속도 도구에 대한 정보를 참조하세요.

실제 사용자 환경 데이터

PSI의 실제 사용자 환경 데이터는 Chrome 사용자 환경을 기반으로 합니다. Report (CrUX) 데이터세트입니다. PSI에서는 실제 사용자의 첫째 콘텐츠가 포함된 페인트 (FCP), 다음 페인트에 대한 상호작용 (INP), 최대 콘텐츠 페인트 (LCP), 누적 레이아웃 이전 28일의 수집 기간 동안 Shift (CLS) 경험을 제공합니다. 또한 PSI에서는 실험 측정항목인 첫 바이트까지의 시간 (TTFB)과 관련된 실험 환경입니다.

특정 페이지의 사용자 환경 데이터를 표시하려면 충분한 데이터가 있어야 합니다. CrUX 데이터 세트에 포함될 것입니다. 데이터가 충분히 확보되지 않은 경우 최근에 게시되었거나 실제 사용자의 샘플이 너무 적습니다. 이 경우 PSI는 원본 수준 세부 수준으로 다시 돌아가게 되며, 이는 웹상의 모든 페이지에서 있습니다. 경우에 따라 출처의 데이터가 충분하지 않을 수 있으며, 이 경우 PSI는 실제 사용자 환경 데이터를 표시할 수 없습니다.

경험의 품질 평가

PSI에서는 사용자 경험의 품질을 좋음, 개선 필요, 또는 '나쁨'으로 표시됩니다. PSI는 PSI의 기준에 따라 다음 임곗값을 Web Vitals 이니셔티브:

좋음 개선 필요 나쁨
FCP [0, 1800밀리초] (1800ms, 3000ms] 3000ms 초과
LCP [0, 2500밀리초] (2500ms, 4000ms] 4000ms 초과
CLS [0, 0.1] (0.1, 0.25] 0.25 초과
INP [0, 200밀리초] (200ms, 500ms] 500ms 초과
TTFB (실험용) [0, 800밀리초] (800ms, 1800ms] 1800ms 이상

분포 및 선택한 측정항목 값

PSI는 이러한 지표의 분포를 제시하여 개발자가 사용자 경험을 제공할 수 있습니다. 이 분포는 세 가지 범주로 나뉩니다. 좋음, 개선 필요, 나쁨은 녹색, 황색, 빨간색 막대로 표시됩니다. 예를 들어 LCP의 황색 막대 내에서 11% 가 표시되면 관찰된 모든 LCP 값의 11% 를 나타냅니다. 2500ms와 4000ms 사이입니다.

실제 사용자 LCP 환경의 분포 스크린샷

PSI는 분포 막대 위에 모든 측정항목의 75번째 백분위수를 보고합니다. 75번째 백분위수가 선택되므로 개발자는 사용자 경험을 저해할 수 있습니다. 이러한 필드 측정항목 값은 다음과 같이 분류됩니다. 좋음/개선 필요/나쁨의 기준을 적용합니다.

코어 웹 바이탈

코어 웹 바이탈은 비즈니스 결정을 내리는 데 중요한 모든 웹 환경에 적용됩니다 Core Web Vitals 측정항목은 INP, LCP, CLS이며 페이지 또는 출처 수준에서 집계됩니다. 모든 3개 측정항목을 기준으로 한다면 75번째 백분위수가 반환되면 집계는 Core Web Vitals 평가를 통과하고 3개 측정항목 모두 '좋음'을 선택합니다. 그렇지 않으면 집계가 평가를 통과하지 못합니다. 만약 집계에 INP 데이터가 충분하지 않은 경우 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 Report의 환경 블록을 살펴봤습니다.

제한 정보 도움말의 스크린샷

참고: PageSpeed는 북미, 유럽, 아시아 중 하나에서 실행 중인 것으로 보고합니다.

간혹 현장 데이터와 실험실 데이터가 서로 상충하는 이유는 무엇인가요?

필드 데이터는 특정 URL의 실적에 대한 이전 보고서로서 다양한 기기 및 네트워크의 실제 사용자로부터 익명처리된 실적 데이터 조건일 수 있습니다 실험실 데이터는 단일 기기의 페이지 로드 시뮬레이션을 기반으로 하며 고정되어 있습니다. 네트워크 조건 집합일 수 있습니다. 따라서 값이 다를 수 있습니다. 실습 데이터와 필드 데이터가 다를 수 있는 이유 (대응 방법)을 참조하세요.

모든 측정항목에 대해 75번째 백분위수가 선택된 이유는 무엇인가요?

Google의 목표는 대다수의 사용자가 페이지를 원활하게 이용할 수 있도록 하는 것입니다. 75번째에 초점을 맞추면 백분위수 값을 제공하여 페이지가 우수한 사용자 환경을 작업을 수행할 수 있습니다. Core Web Vitals 측정항목 기준점 정의를 참조하세요. 를 참조하세요.

실습 데이터에 적합한 점수는 무엇인가요?

녹색 점수 (90점 이상)는 좋은 것으로 간주되지만 실습 데이터가 좋으면 반드시 실제 사용자 경험도 좋겠다는 의미입니다

실행마다 실적 점수가 달라지는 이유는 무엇인가요? 페이지에서 아무것도 변경하지 않았습니다.

성능 측정의 변동성은 영향을 미치는 채널 수 측정항목의 일반적인 소스 가변성은 로컬 네트워크 가용성, 클라이언트 하드웨어 가용성 및 클라이언트 리소스입니다. 있습니다.

URL 또는 출처에 실제 사용자 CrUX 데이터를 사용할 수 없는 이유는 무엇인가요?

Chrome 사용자 환경 보고서는 동의한 사용자 및 을 사용하려면 URL이 공개 상태여야 합니다. (크롤링 및 색인 생성 가능) 익명처리된 대표 뷰를 제공하는 충분한 수의 개별 샘플이 있어야 합니다. 실적을 확인할 수 있습니다

더 궁금한 점이 있으신가요?

구체적이고 답변 가능한 PageSpeed Insights를 사용하는 것에 대해 궁금한 점이 있다면 Stack Overflow에서 영어로 질문하세요.

PageSpeed Insights에 관한 일반적인 의견이나 궁금한 점이 있거나 일반적인 토론을 원한다면 메일링 리스트에서 대화목록을 시작하세요.

웹 바이탈 측정항목에 관한 일반적인 질문이 있는 경우 web-vitals-feedback 토론방에서 대화목록을 시작하세요.

의견

이 페이지가 도움이 되셨나요?

<ph type="x-smartling-placeholder">를 통해 개인정보처리방침을 정의할 수 있습니다. <ph type="x-smartling-placeholder">