HTMLScriptElement: fetchPriority プロパティ
Baseline
2024
Newly available
Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
fetchPriority は HTMLScriptElement インターフェイスのプロパティで、ブラウザーが外部スクリプトを取得する際に、他の外部スクリプトと相対的にどのように優先させるべきかのヒントを表します。
これは <script> 要素の fetchpriority 属性を反映します。
値
優先順位のヒントを表す文字列。使用可能な値は以下のとおりです。
high-
他の外部スクリプトと相対的に高い優先度で外部スクリプトを取得します。
low-
他の外部スクリプトと相対的に低い優先度で外部スクリプトを取得します。
auto-
既定のモードで、取得の優先度を示しません。 ブラウザーがユーザーにとって最適なものを決定します。
もし fetchpriority 属性が指定されていなかったり、他の値が指定されていたりした場合は、 auto を指定したのと同じことになります。
fetchPriority プロパティを使用すると、外部スクリプトを取得する優先度を高くしたり低くしたり指示することができます。これを <script> 要素に適用すると、読み込みプロセスの早い段階でユーザーにとって「重要」な外部スクリプトを指示するのに有益です。
リソースの読み込みに対するヒントの効果はブラウザー特有のものなので、必ず複数のブラウザーエンジンでテストしてください。
ブラウザーが外部スクリプトを自動的に読み込む最適な方法を推測できないような例外的な場合を除いて、控えめに使用してください。使用しすぎるとパフォーマンスが低下することができます。
例
<script id="el" type="module" src="main.js" fetchpriority="high"></script>
const el = document.getElementById("el");
console.log(el.fetchPriority); // 出力: "high"
仕様書
| Specification |
|---|
| HTML # dom-script-fetchpriority |
ブラウザーの互換性
Loading…