사용자 시간 표시 및 측정
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
User Timing API란 무엇인가요?
우수한 사용자 환경을 위해서는 빠르고 반응성이 우수한 웹 앱을 만드는 것이 중요합니다.
실적 개선의 첫 번째 단계는 시간이 어디에 지출되는지 파악하는 것입니다.
User Timing API 를 사용하면 앱의 자바스크립트 성능을 측정할 수 있습니다.
JavaScript에 API 호출을 삽입한 다음 코드를 최적화하는 데 사용할 수 있는 상세한 타이밍 데이터를 추출하면 됩니다.
API를 사용하거나 Chrome DevTools 타임라인 기록 에서 데이터를 확인하여 자바스크립트에서 이러한 데이터에 액세스할 수 있습니다.
사용 방법에 관한 간단한 소개는 User Timing API 페이지 에서 확인하세요.
Lighthouse에서 사용자 시간 데이터를 보고하는 방법
앱에서 User Timing API를 사용하여 표시 (타임스탬프)와 측정값 (표시 간 경과 시간 측정값)을 추가하면 Lighthouse 보고서에 표시됩니다.
Lighthouse는 Chrome의 트레이스 이벤트 프로파일링 도구 에서 User Timing 데이터를 추출합니다.
이 감사는 통과 또는 실패 테스트로 구성되지 않습니다.
앱 성능을 측정하는 데 도움이 되는 유용한 API를 발견할 기회입니다.
스택별 안내
React
Profiler API를 사용하는 React DevTools 프로파일러 를 사용하여 구성요소의 렌더링 성능을 측정합니다.
자료
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-05-02(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-02(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-02(UTC)"]]