CrUX Vis

CrUX Vis는 CrUX History API의 주간 과거 데이터를 시각화하는 대시보드입니다.

CrUX Vis 액세스

CrUX Vis를 실행하려면 cruxvis.withgoogle.com으로 이동하거나 출처 또는 URL을 입력하고 Enter 키를 누르거나 이동을 클릭하세요.

그런 다음 CrUX Vis URL을 공유하고 북마크에 추가하여 빠르게 참조할 수 있습니다.

모든 웹사이트에서 작동하나요?

아니요. 출처가 CrUX 데이터 세트에 포함되지 않으면 표시할 데이터가 없습니다. 데이터 세트에는 1, 500만 개가 넘는 출처가 있지만 원하는 출처가 포함될 만큼 충분한 데이터가 없을 수 있습니다.

출처와 관련된 일반적인 문제로는 잘못된 프로토콜(예: https:// 대신 http://)을 제공하는 것과 필요한 경우 하위 도메인을 누락하는 것이 있습니다. 일부 웹사이트에는 리디렉션이 포함되어 있으므로 http://example.com이 https://www.example.com로 리디렉션되는 경우 후자(원본의 표준 버전)를 사용해야 합니다.

마찬가지로 출처 수준 데이터를 사용할 수 있는 경우에도 URL 수준 데이터를 사용하지 못할 수 있습니다.

CrUX Vis 개요

CrUX Vis에는 5개의 페이지가 있습니다.

  1. 코어 웹 바이탈
  2. 로딩 성능
  3. 상호작용
  4. 시각적 안정성
  5. 모든 측정항목

각 페이지에는 지난 40주 동안의 분포를 시간별로 보여주는 차트가 포함되어 있습니다 (데이터가 있는 경우).

주간 데이터는 매주 월요일에 업데이트되며 각 데이터 포인트에는 이전 28일 동안의 데이터가 포함됩니다. 이는 데이터가 중복됨을 의미합니다.

컨트롤

각 페이지에는 다음을 전환할 수 있는 컨트롤 섹션이 있습니다.

  • 날짜: 출처 및 URL 수준 데이터
  • 기기: 휴대전화, 데스크톱, 태블릿 또는 모든 데이터
  • 기간
  • 표시: 75번째 백분위수, 분포 또는 둘 다
데이터 유형 (URL 또는 출처), 폼 팩터 (휴대전화, 데스크톱, 태블릿 또는 모두) 및 기록 선택기가 표시된 CrUX Vis의 컨트롤 섹션
CrUX Vis의 컨트롤 섹션

코어 웹 바이탈

첫 번째 페이지는 URL 또는 출처의 Core Web Vitals 성능 개요입니다. Google에서 중점을 두도록 권장하는 가장 중요한 UX 측정항목입니다.

시간에 따른 세 가지 핵심 성능 보고서가 모두 포함된 단일 차트와 위의 설명을 보여주는 CrUX Vis의 핵심 성능 보고서 개요 화면
CrUX Vis의 Core Web Vitals 페이지

Core Web Vitals 페이지를 사용하여 사용자가 URL 또는 출처를 어떻게 경험하는지, 권장 한도 미만이거나 회귀하고 있어 개선이 필요한 측정항목을 파악하세요.

이 페이지에는 다음 세 섹션을 자세히 살펴볼 수 있는 링크가 포함되어 있습니다.

로딩 성능

'로드 성능' 페이지에는 CrUX 기록 API의 모든 로드 관련 측정항목이 포함됩니다.

LCP 섹션이 열려 있는 여러 섹션이 표시된 CrUX Vis의 로드 성능 페이지
CrUX Vis의 로드 성능 페이지.

이 페이지에는 다음 측정항목이 포함되어 있습니다.

상호작용

상호작용 페이지에는 CrUX 기록 API의 모든 상호작용 관련 측정항목이 포함됩니다.

LCP 섹션이 열려 있는 여러 섹션이 표시된 CrUX Vis의 상호작용 페이지
CrUX Vis의 상호작용 페이지

이 페이지에는 다음 측정항목이 포함되어 있습니다.

시각적 안정성

시각적 안정성 페이지에는 CrUX 기록 API의 모든 시각적 안정성 관련 측정항목이 포함됩니다.

LCP 섹션이 열려 있는 여러 섹션을 보여주는 CrUX Vis의 시각적 안정성 페이지
CrUX Vis의 시각적 안정성 페이지

이 페이지에는 다음 측정항목이 포함되어 있습니다.

모든 측정항목

'모든 측정항목' 페이지에는 CrUX 기록 API의 모든 측정항목이 한곳에 포함되어 있습니다.

LCP 섹션이 열려 있는 여러 섹션이 표시된 CrUX Vis의 모든 측정항목 페이지
CrUX Vis의 모든 측정항목 페이지

이 페이지에는 다음 측정항목이 포함되어 있습니다.

FAQ

다음은 CrUX Vis에 관해 자주 묻는 질문입니다.

다른 도구 대신 CrUX Vis를 사용해야 하는 경우는 언제인가요?

CrUX Vis는 시간 경과에 따른 이전 데이터를 확인하는 데 사용됩니다. PageSpeed Insights와 같은 다른 도구는 최신 데이터만 표시할 수 있습니다.

CrUX 도구도 참고하세요.

CrUX Vis에 표시되는 데이터를 가져오려면 어떻게 해야 하나요?

CrUX Vis의 모든 데이터는 CrUX API 키를 사용하여 쿼리할 수 있는 CrUX 기록 API에서 가져옵니다.

CrUX Vis를 맞춤설정하려면 어떻게 해야 하나요?

CrUX Vis는 컨트롤 외에 맞춤설정 옵션을 제공하지 않습니다. 맞춤 대시보드를 빌드하려는 사용자는 CrUX Vis를 지원하는 CrUX 기록 API를 사용하여 원하는 대로 데이터를 표시할 수 있습니다. 이 데이터를 대체 시각화하는 다양한 서드 파티 도구가 있습니다.