사용자 타이밍 API 발견 -SitePoint

사용자 타이밍 API : 웹 앱 성능을 정확하게 측정

이 기사는 웹 개발자가 응용 프로그램 성능을 세 심하게 평가할 수있는 강력한 도구 인 사용자 타이밍 API를 탐구합니다. 고정밀 타임 스탬프를 제공하여 정확한 측정 및 JavaScript 코드 실행의보고를 가능하게합니다. 특히 벤치마킹에 유용합니다. API는 두 가지 주요 개념을 중심으로합니다. 마크 및 측정 . 마크는 특정 시점을 지정하고 측정 값은 두 마크 사이의 지속 시간을 계산합니다. 4 가지 방법이 있습니다 : , ,

및 브라우저 호환성은 일반적으로 주요 데스크톱 및 모바일 브라우저 (Internet Explorer 10, Chrome 25 및 Opera 15 포함)를 지원하는 것이 일반적입니다. 폴리 필 (polyfill) ()은 지원되지 않는 브라우저에서 사용할 수 있습니다 API는 비동기 작업을 측정하는 데 탁월합니다. 작업 시작 및 종료에 마크를 배치함으로써 개발자는 정확한 타이밍 데이터를 얻고 성능 병목 현상 및 최적화 영역을 식별하여 궁극적으로 응용 프로그램 속도 및 사용자 경험을 향상시킵니다. 마크와 측정 이해

사용자 타이밍 API는 및 인터페이스를 활용합니다. 마크는 타임 스탬프를 저장하고 측정 값은 두 마크 사이의 간격을 계산합니다. 각 항목에는 다음이 포함됩니다 : 설명 식별자. : "mark"또는 "measure"를 나타냅니다 : 타임 스탬프 (마크 용) 또는 시작 마크의 타임 스탬프 (측정 용). : 0 마크의 경우 0; 조치를위한 경과 시간 API 메소드 및 데이터 검색 mark(name) API는 clearMarks([name]) 객체에 4 가지 방법을 노출시킵니다 measure(name[, mark1[, mark2]]) clearMeasures([name]) : 주어진 이름으로 타임 스탬프를 만듭니다 : 마크를 제거합니다 (전부 또는 특정 것) : 두 마크 사이의 시간을 측정합니다. : 측정 값을 제거합니다 (전부 또는 특정)

참고 : 이름은 고유 한 ID가 아닙니다. 동일한 이름을 여러 번 사용하면 에 의해 정렬 된 항목 배열이 생깁니다. 저장된 데이터에 액세스하려면 (마크 또는 측정에 대해) 를 사용하고 를 사용합니다. 둘 다 정렬 된 배열을 반환합니다.

예 : 함수 실행 시간 측정 usertiming.js

브라우저 지원 및 폴리 플릴

사용자 타이밍 API는 광범위한 지원을 즐깁니다. 그러나 는 기본 지원이없는 브라우저에 폴리 필을 제공하므로 고해상도 시간 API의 방법 만 필요로합니다. usertiming.js 데모 및 결론 Demo (Brevity의 경우 생략 된 링크)는 지원되지 않는 브라우저에 대한 오류 처리 및 측정 된 데이터 표시를 포함하여 API 기능을 보여줍니다. 사용자 타이밍 API는 정확한 성능 측정을위한 귀중한 도구이며, 세분화 제어를 제공하고 더 부드러운 사용자 경험을위한 성능 병목 현상을 식별하는 데 도움이됩니다. 광범위한 브라우저 지원 및 사용 가능한 폴리 필드는 광범위한 플랫폼에서 유용성을 보장합니다. performance.now() 자주 묻는 질문 (faqs)

FAQS 섹션은 크게 변하지 않으며 사용자 타이밍 API의 기능, 사용 및 제한에 대한 일반적인 질문에 대한 간결한 답변을 제공합니다.

위 내용은 사용자 타이밍 API 발견 -SitePoint의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!