ホームページのパフォーマンス向上の為に事前接続を試してみた。
後の為に、以下にメモしておく。
１．問題点
下図枠内のように、webfonts.sakura.ne.jpに再度接続している時間が無駄である。
２．原因
特に指定がないと、リソースごとに1つずつ接続する為である。
３．対策
下図のようにpreconnect指定をHTMLのhead内に追加する。
なお、webfonts.sakura.ne.jpはcrossoriginを指定しないと機能しない。
（crossorigin=use-credentialsを指定しても機能しない。理由は不明である。）
４．効果
下図枠内のように、webfonts.sakura.ne.jpは１回だけになり、表示完了時間が約０．６秒早くなる。
５．参考情報
下記のWEBページにお世話になりました。ありがとうございます。
・サイトの表示速度をlinkタグの「rel=”preconnect”」で上げる／WebPagetestで事前接続を調べる
＜個人的な感想＞
今回までに”やれることは全てやった”。長かったが、心残りはない。
Webpagetestのwaterfall viewは、時間帯により測定値にバラツキがある。
インターネット回線速度が時間帯で変化する為かもしれない。
夜間の時間帯で測定すると、下図のように約０．９秒早い。
Lighthouseの評価は、下図のように思った程は良くならない。
