rel=preconnect
preconnect キーワードを <link> 要素の rel 属性に使用すると、ユーザーがターゲットリソースのオリジンからのリソースを必要とする可能性が高いことをブラウザーに示唆します。そのため、ブラウザーはそのオリジンへの接続を事前に開始することでユーザーの操作性を向上させることができる可能性があります。事前接続は、ハンドシェイクの一部またはすべてを事前に実行することにより、指定された元からの将来の読み込みを高速化します(HTTP の場合は DNS+TCP、HTTPS の場合は DNS+TCP+TLS が元となります)。
html
<link rel="preconnect" href="https://example.com" />
仕様書
| Specification |
|---|
| HTML Standard # link-type-preconnect |
ブラウザーの互換性
BCD tables only load in the browser