Performance: clearResourceTimings() ã¡ã½ãã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2017å¹´9æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
clearResourceTimings() ã¡ã½ããã¯ãentryType ã "resource" ã®ãã¹ã¦ã®ããã©ã¼ãã³ã¹é
ç®ããã©ã¦ã¶ã¼ã®ããã©ã¼ãã³ã¹ã¿ã¤ã ã©ã¤ã³ããåé¤ããããã©ã¼ãã³ã¹ãªã½ã¼ã¹ãã¼ã¿ãããã¡ã¼ã®ãµã¤ãºãã¼ãã«è¨å®ãã¾ãã
ãã©ã¦ã¶ã¼ã®ãªã½ã¼ã¹ãã¼ã¿ãããã¡ã¼ã®ãµã¤ãºãè¨å®ããã«ã¯ãPerformance.setResourceTimingBufferSize() ã¡ã½ããã使ç¨ãã¦ãã ããã
ãã©ã¦ã¶ã¼ã®ãªã½ã¼ã¹ã¿ã¤ãã³ã°ãããã¡ã¼ããã£ã±ãã«ãªã£ãã¨ãã«éç¥ãåå¾ããã«ã¯ã resourcetimingbufferfull ã¤ãã³ããå¾
ã¡åããã¦ãã ããã
æ§æ
clearResourceTimings()
弿°
ãªãã
è¿å¤
ãªã (undefined)ã
ä¾
>ããã©ã¼ãã³ã¹ãªã½ã¼ã¹ãããã¡ã¼ãã¯ãªã¢
ãã¹ã¦ã®ãªã½ã¼ã¹ããã©ã¼ãã³ã¹é
ç®ããããã¡ã¼ããé¤å»ããã«ã¯ãã³ã¼ãã®é©åãªä½ç½®ã§ clearResourceTimings() ãå¼ã³åºãããã³ã³ã½ã¼ã«ã«è²¼ãä»ãã¦ãã ããã
performance.clearResourceTimings();
performance.getEntriesByType("resource").length; // 0
è¨é²ãåããããã©ã¼ãã³ã¹ãªãã¶ã¼ãã¼ã空ã«ãã
PerformanceObserver ãªãã¸ã§ã¯ãã使ç¨ããå ´åï¼ç¹ã« buffered ãã©ã°ã true ã«è¨å®ããå ´åï¼ãããã©ã¼ãã³ã¹ãªã½ã¼ã¹ãããã¡ã¼ããã°ãããã£ã±ãã«ãªããã¨ãããã¾ãããããããããã¡ã¼ãã¯ãªã¢ãã代ããã«ãç¾å¨ã®ããã©ã¼ãã³ã¹é
ç®ã®ãªã¹ããæ ¼ç´ãã PerformanceObserver.takeRecords() ã¡ã½ããã使ç¨ãã¦ããã©ã¼ãã³ã¹ãªãã¶ã¼ãã¼ã空ã«ãããã¨ãã§ãã¾ãããã㯠"resource" é
ç®ã ãã§ãªãããã¹ã¦ã®ããã©ã¼ãã³ã¹é
ç®åã§åä½ãã¾ãã
function perfObserver(list, observer) {
list.getEntries().forEach((entry) => {
// do something with the entries
});
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ type: "resource", buffered: true });
// Store entries and empty performance observer
const records = observer.takeRecords();
仿§æ¸
| 仿§æ¸ |
|---|
| Resource Timing > # dom-performance-clearresourcetimings > |