对同一域中的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：

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

Answer 1

您需要PRECONNECT双方协议，因为它们被认为是两个不同的域浏览器：

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

如果您想更进一步，我还建议使用dns-prefetch，目前无法处理preconnect的浏览器。所以它看起来像：

<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" />