<link rel="preconnect">
link rel="preconnect" は指定オリジンへの DNS 解決・TCP接続・TLSネゴシエーションを事前に行い、初回リクエストを高速化します。
概要
link rel="preconnect" は指定オリジンへの DNS 解決・TCP接続・TLSネゴシエーションを事前に行い、初回リクエストを高速化します。
対応ブラウザ
デスクトップ
Chrome 46+
Edge 79+
Safari 11.1+
Firefox 39+
モバイル
Chrome Android 46+
Safari iOS 11.3+
Firefox Android 39+
基本構文
HTML
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://cdn.example.com" crossorigin>実務での使いどころ
-
<link rel="preconnect"> の活用
preconnect。外部オリジンへの事前接続を行うリソースヒント。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。