PerformanceElementTiming: identifier プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

identifier は PerformanceElementTiming インターフェイスの読み取り専用のプロパティで、その要素の elementtiming 属性の値を返します。

この例では、elementtiming 属性を追加して <img> 要素を監視しています。 PerformanceObserver は "要素" 型のパフォーマンス項目をすべて取得するために登録され、オブザーバー作成前のデータにアクセスするために buffered フラグを用います。elementtiming の値は big-image です。したがって entry.identifier を呼び出すと文字列 big-image を返します。

html

<img src="image.jpg" alt="a nice image" elementtiming="big-image" id="myImage" />

const observer = new PerformanceObserver((list) => { list.getEntries().forEach((entry) => { if (entry.identifier === "big-image") { console.log(entry.naturalWidth); } }); }); observer.observe({ type: "element", buffered: true });