dns-prefetch、preconnectについて調べたので、簡単にまとめ
目次
少ない手間でそのWebページに適した手法で表示高速化ができるResource Hintsがすごい
dns-prefetch、preconnect、prefetch、prerenderの4つを総じて、Resource Hintsと呼ばれるようです。
Resource Hintsの4つの要素について、簡単に解説されており、リソース取得にかかっている時間の調べ方なども紹介されています。
WebPageTest
上記サイトで紹介されている、リソース取得時間などを調べられるサイトです。
Security scoreなんかも表示されて、とりあえず見るだけでも楽しい。
テスト履歴の比較もでき、サムネイルの時系列表示で比較出来たりと高機能!
DNSプリフェッチでWebサイト高速化
よく使われるものの代表として、Adsenseやソーシャルボタン向けの設定が紹介されています。
はてなブログで使う場合は?
管理画面 > 設定 > 詳細設定 > 検索エンジン最適化 > headに要素を追加
で設定してみたところ、問題なく動いてる模様。