PerformanceEntry
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2017.
PerformanceEntry 객체는 performance timeline 상의 단일 성능 수치를 캡슐화 합니다. performance entry는 응용프로그램의 특정 지점에서 performance *mark*나 *measure*를 생성함으로써 (예를 들면 mark()를 호출하는 방법으로) 직접적으로 만들어질 수 있습니다. 또는 (이미지와 같은) 리소스를 로딩하는 등의 간접적인 방법으로 생성되기도 합니다.
PerformanceEntry 인스턴스는 항상 다음 서브타입들 중 하나를 따릅니다:
PerformanceMarkPerformanceMeasurePerformanceFrameTimingPerformanceNavigationTimingPerformanceResourceTimingPerformancePaintTiming
참고 : 이 기능은 Web Worker에서 사용할 수 있습니다.
Properties
PerformanceEntry.name읽기 전용-
A value that further specifies the value returned by the
PerformanceEntry.entryTypeproperty. The value of both depends on the subtype. See property page for valid values. PerformanceEntry.entryType읽기 전용-
A
DOMStringrepresenting the type of performance metric such as, for example, "mark". See property page for valid values. PerformanceEntry.startTime읽기 전용-
A
DOMHighResTimeStamprepresenting the starting time for the performance metric. PerformanceEntry.duration읽기 전용-
A
DOMHighResTimeStamprepresenting the time value of the duration of the performance event.
Methods
PerformanceEntry.toJSON()-
Returns a JSON representation of the
PerformanceEntryobject.
Example
The following example checks all PerformanceEntry properties to see if the browser supports them and if so, write their values to the console.
function print_PerformanceEntries() {
// Use getEntries() to get a list of all performance entries
var p = performance.getEntries();
for (var i = 0; i < p.length; i++) {
console.log("PerformanceEntry[" + i + "]");
print_PerformanceEntry(p[i]);
}
}
function print_PerformanceEntry(perfEntry) {
var properties = ["name", "entryType", "startTime", "duration"];
for (var i = 0; i < properties.length; i++) {
// Check each property
var supported = properties[i] in perfEntry;
if (supported) {
var value = perfEntry[properties[i]];
console.log("... " + properties[i] + " = " + value);
} else {
console.log("... " + properties[i] + " is NOT supported");
}
}
}
명세서
| Specification |
|---|
| Performance Timeline # dom-performanceentry |