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