ウェブサイトの読み込み最適化は、開発者たちを悩ませる永遠の課題です。特にページ遷移時の読み込みに関しては、開発者側からなかなか手を出せない状態でした。そんな状況も、Resource Hintsを使えば大きく変わります。 Resouce Hints Resource Hintsはlink要素を利用したリソース先読みのための仕組みです。使い方は簡単で、head要素内に、該当するlink要素を置くだけでブラウザが自動的に読み込みを行ってくれます。 <link rel="dns-prefetch" href="//example.com"> Resource Hintsの種類は以下の4種類で、状況によって使い分けることができます。 dns-prefetch preconnect prefetch prerender 対応ブラウザ 対応ブラウザに関しては、現在のところあまり多くはありません。詳しくは