<link rel="preconnect">
Abre a conexão com outra origem antes do primeiro pedido — DNS, TCP e TLS pagos adiantado.
Avisa que a página vai buscar algo naquela origem em breve. O navegador resolve o nome, abre o TCP e negocia o TLS enquanto ainda lê o resto do <head> — e o primeiro pedido de verdade encontra a estrada pronta, economizando uma ida e volta inteira em redes lentas.
O mito é espalhar preconnect para todo domínio da página: conexão aberta custa CPU e rede dos dois lados, e o navegador ignora o excesso. Reserve para as duas ou três origens críticas — e, para fontes, o crossorigin é obrigatório, porque a busca é CORS e sem ele a conexão aberta é a errada.
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com">