HTMLLinkElement: fetchPriority プロパティ

値

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

high

他の同じ種類のリソースと比較して、高い優先度で先読みを行います。

low

同じ種類の他のリソースに対して、低い優先度で画像を取得します。

auto

既定のモードで、フェッチの優先順位を指定しません。ブラウザーがユーザーにとって最適なものを決定します。

fetchPriority プロパティは、先読みの優先順位を高くしたり低くしたりするための信号を送ることができます。これは <link> 要素に適用すると、読み込み処理の早い段階で、ユーザーエクスペリエンスにとって重要な先読みを知らせることができ、便利です。

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

ブラウザーがリソースを自動的に読み込むための最適な方法を推測できないような例外的なケースには、控えめに使用するようにしてください。過剰に使用すると、パフォーマンスが低下することがあります。

例

const preloadLink = document.createElement("link");
preloadLink.href = "myimage.jpg";
preloadLink.rel = "preload";
preloadLink.as = "image";
preloadLink.fetchPriority = "high";
document.head.appendChild(preloadLink);

仕様書

ブラウザーの互換性