ホームページのパフォーマンス向上の為に事前接続を試してみた。 後の為に、以下にメモしておく。 1.問題点 下図枠内のように、webfonts.sakura.ne.jpに再度接続している時間が無駄である。 2.原因 特に指定がないと、リソースごとに1つずつ接続する為である。 3.対策 下図のようにpreconnect指定をHTMLのhead内に追加する。 なお、webfonts.sakura.ne.jpはcrossoriginを指定しないと機能しない。 (crossorigin=use-credentialsを指定しても機能しない。理由は不明である。) 4.効果 下図枠内のように、webfonts.sakura.ne.jpは1回だけになり、表示完了時間が約0.6秒早くなる。 5.参考情報 下記のWEBページにお世話になりました。ありがとうございます。 ・サイトの表示速度をlinkタグの「re