参照: https://web.dev/preconnect-and-dns-prefetch/
preconnect ヒントを実装するには 2 つの方法があります。
- HTML ヘッド内
<head>
<link rel="preconnect" href="https://example.com">
</head>
HTTP ヘッダー内 (例: htaccess Header add を使用)
Link: <https://example.com/>; rel=preconnect
web.dev から、ブラウザは html が解析されるのを待つ必要がないため、2 番目のタイプの実装の方がわずかに優れていることがわかります。タイプ 1 の実装をサポートするすべてのブラウザーは、タイプ 2 もサポートしますか? または、あるタイプを別のタイプよりもサポートしているブラウザが存在する可能性はありますか?
PS: 私の限られた分析に基づいて、多くの Web サイトがタイプ 1 とタイプ 2 を使用していることがわかります。