Resource Hints (dns-prefetch、preconnectなど) について調べてみた

dns-prefetch、preconnectについて調べたので、簡単にまとめ

目次

少ない手間でそのWebページに適した手法で表示高速化ができるResource Hintsがすごい

dns-prefetch、preconnect、prefetch、prerenderの4つを総じて、Resource Hintsと呼ばれるようです。

Resource Hintsの4つの要素について、簡単に解説されており、リソース取得にかかっている時間の調べ方なども紹介されています。

WebPageTest

上記サイトで紹介されている、リソース取得時間などを調べられるサイトです。

Security scoreなんかも表示されて、とりあえず見るだけでも楽しい。

テスト履歴の比較もでき、サムネイルの時系列表示で比較出来たりと高機能!

DNSプリフェッチでWebサイト高速化

よく使われるものの代表として、Adsenseやソーシャルボタン向けの設定が紹介されています。

はてなブログで使う場合は?

管理画面 > 設定 > 詳細設定 > 検索エンジン最適化 > headに要素を追加で設定してみたところ、問題なく動いてる模様。