PerformanceMark: PerformanceMark() ã³ã³ã¹ãã©ã¯ã¿ã¼
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2022å¹´5æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
PerformanceMark() ã³ã³ã¹ãã©ã¯ã¿ã¼ã¯ãæå®ãããååã®ã¿ã¤ã ã¹ã¿ã³ãã使ãã¾ãã
performance.mark() ã¨ã¯ç°ãªããã³ã³ã¹ãã©ã¯ã¿ã¼ã使ããããã©ã¼ãã³ã¹ãã¼ã¯ã¯ãã©ã¦ã¶ã¼ã®ããã©ã¼ãã³ã¹ã¿ã¤ã ã©ã¤ã³ã«è¿½å ããã¾ãããã¤ã¾ããPerformance ã¤ã³ã¿ã¼ãã§ã¤ã¹ã® getEntries*() ã¡ã½ããï¼getEntries()ãgetEntriesByName()ãgetEntriesByType()ï¼ãå¼ã³åºãã¦ãããããã®ãã¼ã¯ã®é
ç®ã¯è¡¨ç¤ºããã¾ããã
æ§æ
new PerformanceMark(name)
new PerformanceMark(name, markOptions)
弿°
name-
æååã§ããã¼ã¯ã®ååã表ãã¾ãã
markOptionsçç¥å¯-
ãªãã¸ã§ã¯ãã§ãã¿ã¤ã ã¹ã¿ã³ãã¨ãã¼ã¯ã®è¿½å ã¡ã¿ãã¼ã¿ãæå®ãã¾ãã
detailçç¥å¯-
ãã¼ã¯ã«è¨è¼ããä»»æã®ã¡ã¿ãã¼ã¿ãæ¢å®å¤ã¯
nullã§ãã startTimeçç¥å¯-
DOMHighResTimeStampã§ããã¼ã¯ã®æå»ã¨ãã¦ä½¿ç¨ããã¾ããæ¢å®å¤ã¯performance.now()ã§ãã
è¿å¤
PerformanceMark ãªãã¸ã§ã¯ãã§ãã
ä¾å¤
SyntaxError: Thrown ãã®ã¡ã½ããã«æå®ãããnameããPerformanceTimingã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ãã§ã«åå¨ããå ´åã«çºçãã¾ããTypeError:startTimeãè² ã®æ°ã®å ´åã«çºçãã¾ãã
ä¾å¤
次ã®ä¾ã¯ãããã©ã¼ãã³ã¹é ç®ãã©ã®ããã«æ§æããããã©ã¦ã¶ã¼ã®ããã©ã¼ãã³ã¹ã¿ã¤ã ã©ã¤ã³ã®ä¸é¨ã«ãªããªããã¨ã示ãã¦ãã¾ãã
new PerformanceMark("squirrel");
new PerformanceMark("monkey");
new PerformanceMark("dog");
const allEntries = performance.getEntriesByType("mark");
console.log(allEntries.length);
// 0
仿§æ¸
| 仿§æ¸ |
|---|
| User Timing > # dom-performancemark-constructor > |