Preconnect — атрибут тега <link rel="preconnect" href="...">, который говорит браузеру: «в скором времени понадобится этот домен — начинай DNS-запрос, TLS-рукопожатие и TCP-соединение прямо сейчас». К моменту реальной загрузки ресурс уже идёт по готовому каналу.
Полезен для шрифтов от Google Fonts, аналитики, CDN с изображениями. Каждый preconnect — отдельное соединение, злоупотреблять не стоит: 3–4 ключевых домена достаточно.
<head>
<!-- TCP+TLS handshake к домену заранее --> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://mc.yandex.ru">
Пример из практики
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> — экономит ~100 мс при первой загрузке шрифта.