HTMLScriptElement: fetchPriority プロパティ

Limited availability

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

fetchPriorityHTMLScriptElement インターフェイスのプロパティで、ブラウザーが外部スクリプトを取得する際に、他の外部スクリプトと相対的にどのように優先させるべきかのヒントを表します。

これは <script> 要素の fetchpriority 属性を反映します。

優先順位のヒントを表す文字列。使用可能な値は以下のとおりです。

high

他の外部スクリプトと相対的に高い優先度で外部スクリプトを取得します。

low

他の外部スクリプトと相対的に低い優先度で外部スクリプトを取得します。

auto

既定のモードで、取得の優先度を示しません。 ブラウザーがユーザーにとって最適なものを決定します。

もし fetchpriority 属性が指定されていなかったり、他の値が指定されていたりした場合は、 auto を指定したのと同じことになります。

fetchPriority プロパティを使用すると、外部スクリプトを取得する優先度を高くしたり低くしたり指示することができます。これを <script> 要素に適用すると、読み込みプロセスの早い段階でユーザーにとって「重要」な外部スクリプトを指示するのに有益です。

リソースの読み込みに対するヒントの効果はブラウザー特有のものなので、必ず複数のブラウザーエンジンでテストしてください。

ブラウザーが外部スクリプトを自動的に読み込む最適な方法を推測できないような例外的な場合を除いて、控えめに使用してください。使用しすぎるとパフォーマンスが低下することができます。

html
<script id="el" type="module" src="main.js" fetchpriority="high"></script>
js
const el = document.getElementById("el");
console.log(el.fetchPriority); // 出力: "high"

仕様書

Specification
HTML Standard
# dom-script-fetchpriority

ブラウザーの互換性

BCD tables only load in the browser

関連情報