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="Alt for a main blog post image" src="my-massive-image.jpg" elementtiming="Main image">

<p elementtiming="important-text">Some very important information.</p">

関連情報