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

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
elementTiming
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.

関連情報