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