https://www.w3.org/TR/resource-hints/
Если я правильно понимаю, оба они используются, чтобы инициировать раннее подключение к загрузке ресурсов быстрее в более позднее время.
preconnect просто делает "больше".
Помимо лучшей поддержки браузера, есть ли причина использовать dns-prefetch over preconnect? Я также видел веб-сайты, использующие оба rel в том же теге ссылки, чтобы использовать preconnect, если это возможно, и возвращаться к dns-prefetch, если нет.
<head>
<link
rel="dns-prefetch preconnect"
href="#" onclick="location.href='https://fonts.gstatic.com'; return false;"
crossorigin
>
</head>