優先度ヒント(fetchpriority)
特定のリソースのダウンロードを、ほかと比べてどれだけ優先するかをブラウザーに伝えるfetchpriority属性(high/low/auto)。主に、LCP画像のような最重要のものを真っ先に取得させるために使う。
背景はこうだ。ブラウザーは優先度を自動で決める(CSSは高、画面外の画像は低など)が、外すこともある。複数の画像のうちどれが肝心のヒーロー画像かは分からないからだ。LCP画像にfetchpriority="high"を付ければ「ほかの画像より先に読み込め」と伝わり、LCPが目に見えて改善することがある。逆にfetchpriority="low"は、ずっと下の画像や重要でない呼び出しの優先度を下げ、大事なものと競合しないようにする。対象は<img>、<link>、<script>、そしてfetch()だ。preloadが「早く取得せよ」と言うのに対し、優先度ヒントは「この優先度で取得せよ」と言う点が違い、両者はよく併用される。読み込み順を細かく制御し、Core Web Vitalsを改善するための道具である。