JavaScript 코드의 성능을 측정하는 것은 웹 애플리케이션 최적화에 필수적입니다. 이 문서는 JavaScript를 사용하여 계산 성능 측정에 대한 명확한 단계별 접근 방식을 제공합니다.

성능 지표

성능 메트릭은 개발자가 병목을 확인하고 코드를 효율을 향상시킵니다. 일반적인 메트릭은 실행 시간, 메모리 사용 및 프레임 속도를 포함합니다.

성능 API 사용

Performance API는 다양한 관점에서 코드를 실행하는 도구를 제공합니다. performance.now() 메서드는 정밀한 타이밍에 이상적인 고해상도 타임 스탬프를 반환합니다.

실행 시간을 측정하려면, 코드 블록을 전후에 타임스탬프를 기록하십시오:

예금:

const startTime = performance.now();

// 측정을 위한 코드

const endTime = performance.now(); // 함수를 정의합니다.

const 내구 = endTime - startTime;

다른 미터 계산

메모리 사용은 performance.memory] 객체를 사용하여 총 JS 헬프 크기와 사용 된 헬프 크기와 같은 세부 정보를 제공 할 수 있습니다. 이 API는 크롬에서 주로 지원되는 것을 참고하십시오.

프레임 속도 측정을 위해, requestAnimationFrame] 함수를 사용하여 렌더링 성능을 시간을 추적합니다.

가장 좋은 연습

항상 측정을 여러 번 측정을 수행 할 수 있습니다. 더 정확한 결과를 얻을 평균을 사용합니다. 높은 활동의 기간 동안 측정을 피하십시오.

  • ]performance.now()와 같은 고해상도 타이머를 사용합니다.
  • 정확도를 위한 측정 다수 시간을 실행하십시오.
  • 일관된 조건 하에서 결과 비교.
  • performance.memory로 메모리 사용 모니터링
  • requestAnimationFrame]로 렌더링 성능 추적