Element: elementTiming プロパティ

Limited availability

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

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

elementTimingElement インターフェイスのプロパティで、PerformanceElementTiming API で監視する要素を特定します。elementTiming プロパティは elementtiming 属性の値を反映します。

文字列です。

elementTiming の値をログ出力

この例では、elementtiming 属性を <img> 要素に追加することで、監視する画像を設定します。

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

HTML の elementtiming 属性の文字列値は、el.elementTiming を呼び出すことで取得することができます。

js
const el = document.getElementById("myImage");
console.log(el.elementTiming); // "big-image"

要素タイミング API を使用する方法について、より完全な例は PerformanceElementTiming を参照してください。

仕様書

Specification
Element Timing API
# dom-element-elementtiming

ブラウザーの互換性

BCD tables only load in the browser

関連情報