실제 성능은 사용자의 기기, 네트워크 연결, 기타 요인의 차이로 인해 매우 다양합니다. 예를 들어 사무실에서 케이블 네트워크 연결을 사용하여 웹사이트를 로드하고 커피숍에서 Wi-Fi를 사용하여 로드하는 것과 비교하면 경험이 매우 다를 수 있습니다. 시중에는 실험실 또는 현장 데이터를 수집하여 페이지 성능을 평가하는 데 도움이 되는 도구가 많이 있습니다.
실험실 데이터와 필드 데이터 비교
실험실 데이터는 사전 정의된 기기 및 네트워크 설정이 있는 제어된 환경에서 수집된 성능 데이터인 반면, 필드 데이터는 사용자가 실제로 경험한 실제 페이지 로드에서 수집된 성능 데이터입니다. 각 유형에는 고유한 장점과 제한사항이 있습니다.
실험실 데이터는 재현 가능한 결과와 디버깅 환경을 제공하지만 실제 병목 현상을 포착하지 못할 수 있으며 실제 페이지 KPI와 상관관계가 없을 수 있습니다. 실험실 데이터의 경우 사용자의 일반적인 기기와 네트워크를 파악하고 성능을 테스트할 때 이러한 조건을 적절하게 반영해야 합니다. 4G가 제공되는 지역에서도 엘리베이터 안이나 출퇴근 중, 또는 이와 유사한 환경에서는 연결이 느려지거나 끊길 수 있습니다.
필드 데이터 (실제 사용자 모니터링 또는 RUM이라고도 함)는 실제 사용자 환경을 캡처하고 비즈니스 KPI와의 상관관계를 지원하지만 측정항목 집합이 제한적이고 디버깅 기능이 제한적입니다.
도구
실험실 데이터
Lighthouse는 URL을 가져와 페이지에 대한 일련의 감사를 실행하여 페이지의 실적에 관한 보고서를 생성합니다. Lighthouse를 실행하는 방법에는 여러 가지가 있으며, Chrome DevTools 내에서 페이지를 쉽게 감사하는 옵션도 있습니다.
필드 데이터
Chrome 사용자 경험 보고서 (CrUX)는 실제 Chrome 사용자가 웹에서 인기 있는 도착 페이지를 어떻게 경험하는지 보여주는 측정항목을 제공합니다.
기타 도구
PageSpeed Insights는 페이지에 관한 실험실 데이터와 필드 데이터를 모두 제공합니다. Lighthouse를 사용하여 페이지에 관한 실험실 데이터를 수집하고 분석하며, 실제 현장 데이터는 Chrome 사용자 경험 보고서 데이터 세트를 기반으로 합니다.
Chrome 개발자 도구는 Google Chrome 브라우저에 내장된 웹 개발자 도구 모음입니다. 이를 통해 페이지의 런타임을 프로파일링하고 성능 병목 현상을 식별하고 디버그할 수 있습니다.