同じドメインのhttpリソースとhttpsリソースの両方にrel = preconnectを使用しています

Question

現在、私はWebプロジェクトを進めており、サブリソース用のドメインへの事前接続に関するアドバイスを探しています。

私は、理想的には、すべてのサブリソースを同じプロトコルを使用してドメインから提供する必要があるため、サーバーへのラウンドトリップを節約します。しかし、私が作業しているコードのいくつかの領域では、httpやその他の領域でいくつかのリソースがロードされており、リソースはhttps経由でロードされています。

この質問の目的のために、私はコードのいくつかのセクションにアクセスできないと想像してください。前の接続のメリットを得るために

、（時間的に今と同じルートを使用するために他の人と連携間）、含ま方が良いでしょう：

<link rel="preconnect" href="http://www.example.com" /> 
<link rel="preconnect" href="https://www.example.com" /> 

または、次のプロトコルにを使用します相対URL：彼らは、ブラウザによって2つの異なるドメインとして考えられているので、あなたは両方のプロトコルに事前にする必要が

<link rel="preconnect" href="//www.example.com" /> 

Answer 1

：

<link rel="preconnect" href="http://www.example.com" /> 
<link rel="preconnect" href="https://www.example.com" /> 

さらに進めたい場合は、現在preconnectを処理できないブラウザに対しては、dns-prefetchの使用をお勧めします。したがって、次のようになります。

<link rel="preconnect" href="http://www.example.com" /> 
<link rel="dns-prefetch" href="http://www.example.com" /> 
<link rel="preconnect" href="https://www.example.com" /> 
<link rel="dns-prefetch" href="https://www.example.com" />