今までサイトの読み込み速度を速くする手法の一つに、遅延ロードや非同期読み込みが一般的でした。LazyLoadなどの遅延ロードを行ったり、Ajaxで非同期にscriptを読みこんだり。これらはjsをゴリゴリ書いたりすることで実現することができましたが、Resource Hintsに記載されているlinkタグのrel属性を使うことで、事前にコンテンツを読みこませることができます。今回はResource Hintsの仕様とlinkタグでの使い方をご紹介していきます。 Resource HintsとはResource Hintsに記載されている内容としては、主にリソースの事前読み込みについて書かれています。この仕様を使ってリソースの取得をタイミングを制御し、ユーザへ素早くコンテンツを配信させることができます。 This specification defines the dns-prefetch,
![Resource Hintsとlinkタグによる事前読み込みでWebサイトを高速化!](https://cdn-ak-scissors.b.st-hatena.com/image/square/577a4a63880a79a7f777133314fc108cbfd1c736/height=288;version=1;width=512/https%3A%2F%2Fwp.tech-style.info%2Fwp-content%2Fuploads%2F2016%2F01%2Fshared-img-thumb-TAI85_jumpbiz20140823105007_TP_V.jpg)