Chrome UX 보고서를 통해 현장 성능 살펴보기

Chrome UX 보고서 (이전 명칭: CrUX)는 수백만 개의 웹사이트에 있는 실제 사용자 환경 데이터의 공개 데이터 세트입니다. 실험실 데이터와 달리 CrUX 데이터는 실제로 현장에서 동의한 사용자로부터 얻습니다. 최대 콘텐츠 페인트 (LCP), 다음 페인트에 대한 상호작용 (INP), 레이아웃 변경 횟수 (CLS)를 비롯한 코어 웹 바이탈 측정항목은 물론 TTFB (Time to First Byte) 및 FCP (첫 콘텐츠 페인트)와 같은 진단 측정항목을 측정합니다.

데이터 세트에는 질적 측정기준도 포함되어 있습니다. 예를 들어 기기, 연결 유형 등 유사한 기술별로 그룹화된 사용자 경험을 상세히 살펴볼 수 있습니다. 자세한 내용은 CrUX 문서 를 참조하세요.

개발자는 이 데이터를 사용하여 실제 데이터 포인트의 웹사이트, 웹 세그먼트 또는 웹 간의 전 세계 사용자 경험을 있습니다. 이건 엄청난 일입니다! 최초의 Chrome UX 보고서 데이터 세트입니다. 웹 개발자가 실제 사용자 실적을 살펴봤습니다

활용 방법

Chrome UX 보고서에서 유용한 정보를 추출하는 방법에는 크게 네 가지가 있습니다. 복잡합니다. 웹사이트 성능을 빠르고 쉽게 분석하려면 CrUX DashboardPageSpeed Insights 권장되는 도구입니다 BigQuery 분석의 단순성과 맞춤설정의 힘을 합치면 보다 상세한 통계를 얻을 수 있습니다. API를 사용하면 상위 수준 데이터를 다른 애플리케이션과 통합할 수 있고, History API는 트렌드 분석을 위한 이전 데이터를 제공합니다.

CrUX 대시보드

CrUX Dashboard는 맞춤설정이 가능한 데이터입니다. 시각화 도구로, 데이터 기반 이전 실적 Looker Studio 데이터는 BigQuery 데이터 세트에서 가져오며 모든 SQL 쿼리는 자동으로 처리됩니다. 대시보드에는 사용자 분포가 주요 실적 측정항목을 통해 파악된 사용자 경험과 사용자 경험의 변화 추이를 파악할 수 있습니다 있습니다. 또한 정성적 측정항목의 분포가 기기 모델이나 시간 경과에 따른 효과적인 연결 유형 변화 이 Looker Studio 대시보드 가이드

PageSpeed Insights

PageSpeed Insights (PSI)는 데스크톱 및 모바일 앱별로 분류된 최신 실적 분포를 확인할 수 있습니다. 실적 데이터는 웹페이지별로 제공됩니다. (전체 출처에 더하여) 최근 28일간 (BigQuery의 이전 달과 달리) 이 도구를 사용하면 웹 인터페이스의 검색창에 URL이나 출처를 입력하는 것만큼 쉽습니다. 필드 성능 데이터는 처방적 제안과 함께 표시되어 페이지를 최적화해야 합니다. 이 PageSpeed Insights 가이드

BigQuery의 CrUX

BigQuery의 CrUX 데이터베이스 Google Cloud Platform (GCP)의 일부인 웹 및 명령줄 인터페이스 상위 출처의 주요 UX 성능 측정항목을 집계하는 원시 데이터를 호스팅합니다. 있습니다. 새 테이블이 자동으로 데이터베이스에 지난 달 개발자가 데이터 세트를 마이닝하는 쿼리를 수작업으로 만들 수 있음 를 참조하세요. BigQuery를 사용하려면 SQL 및 GCP 프로젝트에 대한 지식이 쿼리를 실행할 수 있습니다 이것은 특히 강력한 성능의 맞춤 보고서를 만들기 위해 데이터에 대한 하위 수준 액세스 권한이 필요한 사용자 벤치마크, 웹 상태에 대한 보고서입니다. 이 BigQuery 가이드

CrUX API

CrUX API는 원본 또는 URL 수준의 사용자 환경 데이터를 조회하기 위한 무료 RESTful 인터페이스입니다. 데이터는 매일 업데이트되며, PageSpeed Insights와 유사하게 이전 28일간의 데이터를 집계합니다. 이 API를 사용하여 CrUX의 실제 사용자 환경 데이터를 기반으로 나만의 애플리케이션을 구축할 수 있습니다. CrUX API 가이드를 참고하세요.

CrUX 히스토리 API

CrUX History API는 일일 API와 유사한 무료 RESTful 인터페이스로 원본 또는 URL 수준의 사용자 환경 데이터를 조회하는 데 사용됩니다. 데이터는 매주 업데이트되며 6개월 동안 지난 28일 동안의 데이터를 집계합니다. 이 API를 사용하여 CrUX의 실제 사용자 환경 데이터를 기반으로 나만의 애플리케이션을 구축할 수 있습니다. CrUX History API 가이드를 사용해 보세요.

지원을 받는 방법

도움이 필요한 경우, 여러분에게 도움을 요청할 수 있는 도움이 될 수 있습니다 이 CrUX Google 그룹 데이터 세트 사용자가 질문하고 분석을 공유할 수 있는 공개 포럼입니다. 또한 Stack Overflow용 CrUX 태그 를 참조하세요. 마지막으로 @ChromeUXReport는 현재 사용 중인 Twitter 계정입니다. 를 팔로우하여 질문하고 제품 발표를 들을 수 있습니다.

실제 사례 보기

사용 가능한 데이터에 더 익숙해지려면 Looker Studio 대시보드, PageSpeed Insights, BigQuery, 일일 및 기록 API를 모두 사용하기 위한 단계별 안내입니다.