이제 Web Vitals 확장 프로그램에서 로컬 환경이 실제 사용자 환경과 어떤 관련이 있는지 확인할 수 있습니다.
게시일: 2021년 7월 2일
코어 웹 바이탈은 사용자 환경을 이해하기 위해 측정해야 하는 가장 중요한 측정항목입니다. 사용자에게 좋은 환경이 주어지면 좋은 일이 일어납니다. Chrome용 웹 바이탈 확장 프로그램은 웹 바이탈 도구 상자의 한 도구로, 웹을 탐색할 때 방문하는 페이지에 관한 성능 데이터를 보여줍니다.
페이지 성능은 하드웨어 및 네트워크 품질을 비롯한 여러 요인에 따라 달라집니다. 컴퓨터에서 페이지를 경험하는 방식은 대부분의 사용자가 페이지를 경험하는 방식과 매우 다를 수 있습니다. 그렇기 때문에 Web Vitals 확장 프로그램 버전 1.0에는 Chrome UX 보고서 (CrUX)의 실제 사용자 데이터를 로컬 Core Web Vitals 측정항목과 통합하는 새로운 기능이 포함되어 있습니다. 이 기능은 다른 사용자가 동일한 페이지를 경험한 방식을 고려하여 로컬 측정값을 표시합니다. 거기에 반짝이는 새로운 UI가 함께 제공되며 작동 방식을 보여드리겠습니다.
CrUX의 필드 데이터
CrUX는 Chrome의 실제 사용자 환경에 관한 공개 데이터 세트입니다. CrUX는 Search Console 및 PageSpeed Insights와 같은 Core Web Vitals 워크플로의 일부 중요한 도구를 지원합니다. 수백만 개의 웹사이트의 원시 데이터는 BigQuery의 CrUX 데이터 세트 및 CrUX API에서 공개적으로 쿼리할 수 있습니다. 이 웹 바이탈 확장 프로그램 업데이트는 CrUX API의 페이지 및 출처 수준 데스크톱 데이터를 통합합니다.
사용자 경험 데이터는 '좋음', '개선 필요', '나쁨'이라는 세 가지 정성적 평가로 분류됩니다. 각 등급에 사용되는 기준점은 각 Core Web Vitals 측정항목(LCP, FID, CLS)의 가이드에 설명되어 있습니다. 예를 들어 CrUX API를 사용하면 특정 페이지의 실제 사용자 환경 중 16% 가 2.5초 미만의 LCP로 우수한 것으로 평가된다고 알 수 있습니다.
새 확장 프로그램 UI
새로운 Web Vitals 확장 프로그램 인터페이스에서는 로컬 환경이 실제 사용자 환경의 더 넓은 분포 위에 계층화됩니다. 마치 쇼핑몰처럼 넓은 장소에 있을 때, 모든 가게가 표시된 큰 지도와 '현재 위치'라는 라벨이 표시된 핀이 표시되어 방향을 찾고 가고자 하는 곳을 찾을 수 있습니다.
CrUX의 실제 사용자 데이터 분포는 각 측정항목에 대해 가로 막대에 표시됩니다. 로컬 경험이 이러한 가로 막대에 단일 포인트로 표시됩니다. 가로 막대에서 로컬 환경의 위치는 해당 환경이 실제 사용자 분포에 비해 어느 위치에 있는지 나타냅니다. 이렇게 하면 로컬 환경이 다른 사용자와 매우 다른 경우 즉시 알 수 있습니다. 예를 들어 LCP 환경이 느리고 사용자 중 1% 에게만 비슷한 환경이 있는 경우 비정상적인 상황이 발생했을 수 있습니다.
출처 수준 데이터로 대체
일부 페이지에는 CrUX 데이터 세트에 URL 수준 데이터가 없습니다. 페이지가 너무 새롭거나 데이터 세트에 포함하기에 트래픽이 충분하지 않아서 이러한 상황이 발생할 수 있습니다. 이러한 경우 Web Vitals 확장 프로그램은 가능하면 더 상세한 출처 수준 데이터로 대체됩니다. 이 데이터는 웹사이트의 모든 페이지에서 집계된 사용자 환경을 나타내므로 특정 페이지 경험과 즉각적으로 관련이 없을 수 있지만 사용자가 사이트를 전체적으로 경험하는 방식에 관한 유용한 정보는 여전히 제공해야 합니다.
또 다른 일반적인 경우는 '입력 대기 중...' 메시지가 표시되는 것입니다. 이는 FID가 사용자 상호작용을 측정해야 하는 유일한 Core Web Vitals이기 때문에 페이지와 상호작용할 때까지 확장 프로그램에 표시할 로컬 FID 데이터가 없기 때문입니다.
특이 사례
확장 프로그램을 사용하는 동안 드물게 발생할 수 있는 특이 사례가 있습니다.
전체 출처에 데이터가 충분하지 않을 수 있습니다. 이 경우 확장 프로그램에 로컬 환경의 실적만 표시됩니다.
페이지와 상호작용하는 방식도 데이터의 관련성에 영향을 미칠 수 있습니다. 예를 들어 백그라운드 탭에서 페이지를 로드하면 페이지를 포그라운드로 전환할 때까지 LCP 측정항목에 반영됩니다. 탭으로 전환하는 데 90초가 걸리면 LCP가 91.5초로 표시될 수 있습니다. 이 경우 LCP 값 옆에 작은 경고 아이콘이 표시되어 인위적인 증가를 경고합니다. 이러한 종류의 관련 없는 LCP 값은 CrUX 데이터 세트에서 무시됩니다.
마지막으로 알아야 할 특수한 사례는 FID와 관련이 있습니다. 사용자 상호작용에 따라 달라지므로 페이지 조회수가 적은 페이지 및 웹사이트의 데이터 세트에서는 이 데이터를 사용할 가능성이 낮습니다. 따라서 이러한 페이지를 방문하면 LCP 및 CLS의 필드 데이터만 표시될 수 있습니다. 극히 드물게 LCP 또는 CLS에도 같은 문제가 발생할 수 있지만, 이 문제는 주로 FID의 영향을 받습니다.
휴대전화의 필드 데이터 비교
기본적으로 웹 바이탈 확장 프로그램의 모든 데이터는 현장의 실제 데스크톱 사용자 경험에 해당합니다. 이 확장 프로그램은 Chrome의 데스크톱 버전에서만 사용할 수 있으므로 유사한 조건에서 사용자가 페이지 또는 출처를 어떻게 사용하는지 확인하는 것이 가장 적합합니다.
휴대전화 사용자의 환경도 이해하는 것이 중요하므로 확장 프로그램의 옵션 페이지에는 로컬 환경이 현장의 휴대전화 데이터와 어떻게 다른지 확인할 수 있는 고급 설정이 있습니다.
확장 프로그램에서 휴대전화 데이터를 사용 설정하려면 다음 단계를 따르세요.
- 툴바에서 확장 프로그램 아이콘을 마우스 오른쪽 버튼으로 클릭하고 옵션을 선택합니다.
- 오프라인 환경을 휴대전화 필드 데이터와 비교 옵션을 선택합니다.
UI가 몇 군데 업데이트되어 현재 어떤 모드인지 표시합니다. 실제 휴대전화 사용자의 환경은 데스크톱 사용자의 환경과 매우 다를 수 있으므로 이 기능을 신중하게 사용하세요.
웹 바이탈 확장 프로그램 다운로드
최신 버전의 웹 바이털 확장 프로그램을 사용하려면 Chrome 웹 스토어로 이동하여 설치하세요. 또는 확장 프로그램의 기존 사용자인 경우 버전 1.0으로 자동 업그레이드됩니다. 확장 프로그램 사용 경험에 관한 의견(기능 요청, 버그 신고 등)이 있으면 GitHub의 오픈소스 저장소에서 알려주세요. 이 정보가 현지 사용자의 경험이 다른 실제 사용자와 어떤 관련이 있는지 더 잘 이해하는 데 도움이 되기를 바랍니다.
이미지 크레딧: 마크 가릭/Science Photo Library/게티 이미지