performance 객체

performance는 자바스크립트에서 내장된 객체로, 성능 측정과 관련된 고해상도 시간을 제공하는 API를 지원합니다. performance 객체는 생성자 함수가 아니라, 브라우저 환경에서 전역적으로 사용 가능한 내장 객체입니다.

performance 객체의 주요 메서드

• now(): 성능 측정을 위한 고해상도 타임스탬프를 반환합니다. 이 메서드는 밀리초 단위로 시간 값을 반환하며, 매우 정밀한 타이밍 측정이 가능합니다.

const startTime = performance.now();
// 작업 수행
const endTime = performance.now();
console.log(`작업 시간: ${endTime - startTime} 밀리초`);

• memory: 사용 가능한 메모리 정보에 대한 객체를 반환합니다. 이 정보는 메모리 사용량을 모니터링할 때 유용합니다.

console.log(performance.memory);

• timeOrigin: 성능 타임라인의 시작 시간을 반환합니다. 이는 성능 측정의 기준점을 제공합니다.

console.log(performance.timeOrigin);

• clearMarks(): 지정된 성능 마크를 제거합니다. 마크는 성능 측정 중 특정 지점을 기록하는 데 사용됩니다.

performance.clearMarks('myMark');

• clearMeasures(): 지정된 성능 측정을 제거합니다. 측정은 마크 사이의 시간 간격을 기록하는 데 사용됩니다.

performance.clearMeasures('myMeasure');

• getEntries(): 모든 성능 엔트리를 배열 형태로 반환합니다. 이는 성능 타임라인에 기록된 모든 데이터를 가져오는 데 사용됩니다.

console.log(performance.getEntries());

• getEntriesByType(type): 지정된 유형의 성능 엔트리만 반환합니다. 예를 들어, mark, measure 등의 특정 유형의 데이터를 가져올 수 있습니다.

console.log(performance.getEntriesByType('mark'));

• getEntriesByName(name): 지정된 이름의 성능 엔트리만 반환합니다.

console.log(performance.getEntriesByName('myMark'));

이 메서드들을 사용하면 웹 애플리케이션의 성능을 정밀하게 측정하고 분석할 수 있습니다. performance 객체는 성능 최적화를 위한 중요한 도구로, 특히 복잡한 웹 애플리케이션의 성능 병목 지점을 찾는 데 유용합니다.