preconnect и dns-prefetch: ускорить сторонние домены без лишних TCP
Resource hints для CDN, шрифтов и аналитики: когда хватит dns-prefetch, а когда нужен полный preconnect.
`rel=preconnect` устанавливает раннее соединение (DNS + TCP + TLS) с origin; `dns-prefetch` только резолвит имя — дешевле, но медленнее на первом запросе.
Злоупотребление preconnect на десятках доменов конкурирует за лимиты браузера и может ухудшить приоритеты.
- Preconnect to required origins — web.dev — Когда какой hint использовать.
- rel=preconnect — MDN — Синтаксис и crossorigin.
Чеклист
Preconnect только к 2–4 критичным origin на шаблоне; остальное — dns-prefetch или ничего.
Для шрифтов с другого домена добавляйте `crossorigin`, иначе соединение не переиспользуется.