プリロードヒントとは？
プリロードヒントとは、preload リレーションを持つ link 要素であり、現在のページに必要なリソースをできるだけ早く、できるだけ高い優先度で取得するようブラウザに指示します。prefetch とは異なり、キーとなるフォントやヒーロー画像など、ページが今まさに必要とするアセットを対象にします。パーサーがそのアセットを発見するよりも前に取得を前倒しします。
なぜ重要か
重要なアセットをプリロードすると、それらを遅い発見経路から外し、体感の読み込み速度を改善します。ただし誤ったものをプリロードすると、ブラウザが先に必要とするリソースを圧迫しかねません。
関連ガイド
What Is a Prefetch Hint?A prefetch hint tells the browser to fetch a likely-needed resource at low priority during idle time, so it i…
What Is a Resource Hint?A resource hint is a browser directive such as preconnect, dns-prefetch, preload, or prefetch that helps the…
What Is a Render-Blocking Resource?A render-blocking resource is an asset, typically synchronous CSS or script, the browser must process before…