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