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