Использование rel=preconnect для ресурсов http и https из одного домена

Question

В настоящее время я работаю над веб-проектом и ищу советы относительно предварительного подключения к домену для получения субресурсов.

Я предполагаю, что в идеале все субресурсы должны обслуживаться из домена с использованием одного и того же протокола, что позволяет сэкономить на передаче данных на сервер. Однако в некоторых областях кода, из которого я работаю, некоторые ресурсы загружаются через 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

Необходимо предварительно подключиться к обоим протоколам, поскольку они рассматриваются браузером как два разных домена:

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