サイト高速化にあたり Google の PageSpeed Insights と睨めっこをしている際、「キー リクエストのプリロード」という項目が出現しました。 キー リクエストのプリロード <link rel="preload"> を使用して、現在ページ読み込みの後のほうでリクエストしているリソースを優先的に取得することをご検討ください。 ↓こんな感じのです この改善がサイト高速化に効く使える技術であることがわかったのですが、なかなか理解しにくかったので、今回は <link rel="preload"> についてわかりやすく説明していきます。 これまでスルーしてしまっていた方は、これを機会に覚え、使いこなせるようにしてみましょう。 preload=プリロードと読むそうです。 その名の通り、プリ=先行、ロード=読み込み、で先行読み込みをブラウザに指示する機能になります。 link 要素なの
![サイト高速化に必須の link rel=preload とは?(使い方とサンプルHTML・CSS) | 株式会社ウェブ企画パートナーズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/21e635fbfc0b308b0f2c0c794d636a51a40da1d4/height=288;version=1;width=512/https%3A%2F%2Fwk-partners.co.jp%2Fhomepage%2Fwp-content%2Fuploads%2F2019%2F04%2Fpreload-1200x630.jpg)