HTML 屿§ï¼elementtiming
elementtiming 屿§ç¨äºè¡¨ç¤ºå
ç´ å·²è¢«æ è®°ï¼ä»¥ä¾¿ PerformanceObserver å¯¹è±¡ä½¿ç¨ "element" ç±»åè¿è¡è·è¸ªãæ´å¤è¯¦æ
ï¼è¯·åè§ PerformanceElementTiming æ¥å£ã
è¯¥å±æ§å¯åºç¨äº <img>ã<svg> å
ç <image> å
ç´ ã<video> å
ç´ çæµ·æ¥å¾åã带æ background-image çå
ç´ ä»¥åå
嫿æ¬èç¹ï¼å¦ <p>ï¼çå
ç´ ã
å¨ DOM ä¸ï¼æ¤å±æ§åå°ä¸º Element.elementTimingã
ä½¿ç¨æ¹æ³
为 elementtiming ç»åºçå¼å°æä¸ºè¢«è§æµå
ç´ çæ è¯ç¬¦ã
html
<img alt="alt" src="img.jpg" elementtiming="label for element" />
å¯è½éè¦è§å¯çå ç´ å æ¬ï¼
- æç« ç主è¦å¾åã
- å客æç« æ é¢ã
- è´ç©ç½ç«ä¸çè½®æå¾åã
- 页é¢ä¸ä¸»è¦è§é¢çæµ·æ¥å¾åã
示ä¾
html
<img
alt="åæä¸»è¦å¾ççæ¿ä»£æå"
src="my-massive-image.jpg"
elementtiming="Main image" />
<p elementtiming="important-text">ä¸äºé常éè¦çä¿¡æ¯ã</p>