サイト高速化にリソースヒントを活用サイト高速化にリソースヒントを活用コイズミ2019/10/17リソースヒントとは?HTTPリクエストにはDNSの解決など複数の処理が含まれており、処理内容が事前にわかればリクエスト時間の低減に繋がります。サイト内で共通して使う外部リソースをあらかじめ解決しておき、表示の高速化などを図るのに役立ちますが、ブラウザの対応に依存します。2019年10月時点ではIEやFirefoxなどがまだ完全には対応していませんが、将来的に実装されるであろう機能ですので、デメリットはあまりないと思います。リソースヒント定義の種類2019年10月時点で以下の種類があります。Prefetch早めに解決すべきDNSを定義し、あらかじめDNS解決(ドメインとIPアドレスを紐づける処理)します。href="//example.com">Preconnectページ遷移先に必要なリソース(ファイル)に対し、あらかじめDNS解決、TCPハンドシェイク(接続の確立)、TLSネゴシエーション(証明書解決)などを行う定義です。Preconnect記述例です。crossorigin属性については以下をご参考ください。crossorigin>Prefetch次の遷移先にで使用する可能性のあるリソースをあらかじめダウンロードさせる定義です。Prefetch以下のように次のページ自体や、そこで使うリソースなどをあらかじめダウンロードさせたい場合に使用します。同様に、次の遷移先にで使用する可能性のあるリソースをあらかじめダウンロードしますが、さらにレンダリング(DOMの構築やJavaScriptの実行)まで行うための定義です。Analyticsなどはカウントされないようです。新しい記事ポータルサイト制作のお問い合わせはこちらから新着記事ワードプレスのユーザーを登録日順に並べ替えるYOLPの一部サービス終了。ついてWordPress.orgドキュメンテーションサポートフィードバック。