HTML ๅฑๆง: elementtiming
elementtiming ๅฑๆงใฏใใใ่ฆ็ด ใ PerformanceObserver ใชใใธใงใฏใใง "element" ๅใไฝฟ็จใใใใฎใซใใ่ฟฝ่ทกใฎใใใฎใใฉใฐใ็ซใฆใฆใใใใจใ็คบใใใใซไฝฟ็จใใใพใใ่ฉณ็ดฐใฏใ PerformanceElementTiming ใคใณใฟใผใใงใคในใๅ็
งใใฆใใ ใใใ
ใใฎๅฑๆงใฏ <img>ใ <svg> ใฎไธญใฎ <image> ่ฆ็ด ใ <video> ่ฆ็ด ใฎใในใฟใผ็ปๅใ background-image ใใใ่ฆ็ด ใๅใณ <p> ใชใฉใใญในใใใผใใๆใค่ฆ็ด ใซๅฏพใใฆ้ฉ็จใใใใจใใงใใพใใ
DOM ใงใฏใใใฎๅฑๆงใฏ Element.elementTiming ใจใใฆๅๆ ใใใพใใ
ไฝฟ็จๆนๆณ
elementtiming ใซๆๅฎใใใๅคใฏใ่ฆณๆธฌใใใ่ฆ็ด ใฎ่ญๅฅๅญใซใชใใพใใ
<img alt="alt" src="img.jpg" elementtiming="label for element" />
่ฆณๅฏใใใ่ฆ็ด ใฎใฐใใใณใณใใณใใผใฏไปฅไธใฎ้ใใงใใ
- ่จไบใฎใกใคใณ็ปๅ
- ใใญใฐๆ็จฟใฎใฟใคใใซ
- ใทใงใใใณใฐใตใคใใฎใซใซใผใปใซๅ ใฎ็ปๅ
- ใใผใธๅ ใฎไธป่ฆๅ็ปใฎใในใฟใผ็ปๅ
ไพ
<img
alt="ใใญใฐๆ็จฟ็ปๅใฎไปฃๆฟใใญในใ"
src="my-massive-image.jpg"
elementtiming="Main image" />
<p elementtiming="important-text">ใจใฆใ้่ฆใชๆ
ๅ ฑใ</p>