リソースヒントとは？
リソースヒントとは、来たるべきネットワーク作業についてページがブラウザに助言できる一連のブラウザ向けディレクティブの一つです。一般的な形式には、接続を温める dns-prefetch と preconnect、アセットを早めに取得する preload と prefetch があります。各ヒントは、ブラウザが後で発見するはずの作業を並べ替えたり先取りしたりするのを助けます。
なぜ重要か
うまく使えば、リソースヒントは DNS、接続、ダウンロードの作業を重ね合わせることでクリティカルパスのレイテンシを削ります。不注意に使うと、本当に重要なアセットを遅くする競合を生みます。
関連ガイド
What Is a Preload Hint?A preload hint tells the browser to fetch a resource the current page needs at high priority early, so a crit…
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 Render-Blocking Resource?A render-blocking resource is an asset, typically synchronous CSS or script, the browser must process before…