속도 측정 방법
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
실제 성능은 사용자 기기, 네트워크 연결 및 기타 요인의 차이로 인해 변동성이 매우 큽니다. 예를 들어 사무실의 케이블 네트워크 연결을 사용하여 웹사이트를 로드하고 커피숍에서 Wi-Fi를 사용하는 부하와 비교하면 사용자 환경이 크게 다를 수 있습니다. 페이지 성능을 평가하기 위해 실험실 또는 필드 데이터를 수집하는 데 도움이 되는 다양한 도구가 시중에 있습니다.
실습 데이터와 필드 데이터 비교
실험실 데이터는 사전 정의된 기기 및 네트워크 설정이 적용된 통제된 환경에서 수집된 성능 데이터이고, 필드 데이터는 사용자가 현장에서 경험한 실제 페이지 로드에서 수집된 성능 데이터입니다. 각 유형에는 고유한 장점과 한계가 있습니다.
실험실 데이터는 재현 가능한 결과와 디버깅 환경을 제공하지만 실제 병목 현상을 포착하지 못할 수 있으며 실제 페이지 KPI와 상호 연관시킬 수 없습니다. 실험실 데이터를 사용할 때는 사용자의 일반적인 기기와 네트워크를 이해하고 성능을 테스트할 때 이러한 조건을 적절하게 반영해야 합니다. 4G를 사용하는 지역에서도 엘리베이터에 있거나 출퇴근길에 또는 이와 비슷한 환경에서는 인터넷 연결이 느리거나 간헐적으로 끊길 수 있습니다.
필드 데이터 (Real User Monitoring 또는 RUM이라고도 함)은 실제 사용자 환경을 캡처하고 비즈니스 KPI와의 상관관계를 파악하지만, 제한된 측정항목 세트와 제한적인 디버깅 기능을 가지고 있습니다.
실험실 데이터
Lighthouse는 URL을 받아 페이지에 대해 일련의 감사를 실행하여 페이지 실적에 관한 보고서를 생성합니다. Lighthouse는 Chrome DevTools 내에서 페이지를 쉽게 감사하는 옵션을 비롯해 여러 가지 방법으로 실행할 수 있습니다.
필드 데이터
Chrome 사용자 환경 보고서 (CrUX)는 실제 Chrome 사용자가 웹에서 인기 있는 페이지를 어떻게 경험하는지 보여주는 측정항목을 제공합니다.
PageSpeed Insights는 페이지에 관한 실험실 데이터와 필드 데이터를 모두 제공합니다. Lighthouse를 사용하여 페이지에 관한 실험실 데이터를 수집하고 분석하지만 실제 현장 데이터는 Chrome 사용자 환경 보고서 데이터 세트를 기반으로 합니다.
Chrome 개발자 도구는 Chrome 브라우저에 바로 구축된 웹 개발자 도구 모음입니다. 이를 통해 페이지의 런타임을 프로파일링하고 성능 병목 현상을 식별 및 디버그할 수 있습니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-05-01(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2019-05-01(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2019-05-01(UTC)"],[],[]]