PerformanceObserverEntryList
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2020å¹´1æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
PerformanceObserverEntryList ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ãobserve() ã¡ã½ãããä»ãã¦æç¤ºçã«ç£è¦ããã ããã©ã¼ãã³ã¹ã¤ãã³ã ã®ãªã¹ãã§ãã
ã¤ã³ã¹ã¿ã³ã¹ã¡ã½ãã
PerformanceObserverEntryList.getEntries()-
æç¤ºçã«è¦³æ¸¬ããããã¹ã¦ã®
PerformanceEntryãªãã¸ã§ã¯ãã®ãªã¹ããè¿ãã¾ãã PerformanceObserverEntryList.getEntriesByType()-
ä¸ããããé ç®åã®æç¤ºçã«è¦³æ¸¬ããããã¹ã¦ã®
PerformanceEntryãªãã¸ã§ã¯ãã®ãªã¹ããè¿ãã¾ãã PerformanceObserverEntryList.getEntriesByName()-
æå®ãããååã¨é ç®åã«åºã¥ãã¦ãæç¤ºçã«ç£è¦ããã¦ãããã¹ã¦ã®
PerformanceEntryãªãã¸ã§ã¯ãã®ãªã¹ããè¿ãã¾ãã
ä¾
>PerformanceObserverEntryList ã®ä½¿ç¨
次ã®ä¾ã§ã¯ãlist 㯠PerformanceObserverEntryList ãªãã¸ã§ã¯ãã§ããgetEntries() ã¡ã½ãããå¼ã°ãããã®å ´å "measure" 㨠"mark" ã¨ããæç¤ºçã«ç£è¦ããã¦ãã PerformanceEntry ãªãã¸ã§ã¯ãããã¹ã¦åå¾ãã¾ãã
function perfObserver(list, observer) {
list.getEntries().forEach((entry) => {
if (entry.entryType === "mark") {
console.log(`${entry.name} ã®éå§æå»: ${entry.startTime}`);
}
if (entry.entryType === "measure") {
console.log(`${entry.name} ã®æé: ${entry.duration}`);
}
});
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark"] });
仿§æ¸
| 仿§æ¸ |
|---|
| Performance Timeline > # performanceobserverentrylist-interface > |