Resumo Rápido (TL;DR)
As diretivas de otimização de DNS Prefetch e Preconnect permitem ao navegador antecipar conexões com servidores externos antes que a página precise carregar os scripts dessas origens.
Um site corporativo utiliza diversos recursos de terceiros para funcionar: pixels de anúncios, ferramentas de análise de tráfego, fontes visuais e janelas de atendimento por chat. O problema é que cada recurso externo adiciona etapas de latência de rede que atrasam o tempo de resposta geral do seu endereço digital.
O gargalo invisível das conexões externas de rede
Pense na conexão com um servidor externo como uma viagem física que o navegador do usuário precisa fazer para buscar um produto. Antes de trazer o script de chat para a tela, o navegador precisa descobrir o endereço de IP do servidor externo (resolução DNS), bater na porta daquele servidor (conexão TCP) e fechar o acordo de segurança (handshake TLS).
Se você possui cinco ferramentas de marketing diferentes instaladas no site, o navegador do cliente faz essa viagem demorada cinco vezes consecutivas. Sem uma configuração técnica de antecipação, esses processos acontecem um por um, fazendo com que a página pareça travada por vários milissegundos.
O que é DNS Prefetch e Preconnect?
São recursos de otimização que instruem o navegador a resolver o endereço do servidor externo (Prefetch) e a fechar as etapas de conexão (Preconnect) em segundo plano, antes do site solicitar os arquivos de fato.
Etapas para configurar a antecipação de conexões
A aplicação de tags de pré-conexão melhora o tempo de carregamento de páginas pesadas, otimizando os principais indicadores de velocidade.
Mapear as conexões de terceiros
Analise o código do seu site para descobrir quais URLs externas de pixels e serviços são chamadas durante o acesso.
Implementar a diretiva DNS Prefetch
Adicione tags de cabeçalho específicas para adiantar a busca do IP de domínios secundários de menor prioridade.
Configurar o Preconnect para fontes e chats
Aplique tags de conexão antecipada nos domínios mais importantes para que o conteúdo carregue sem travamento visual.
Ao adiantar as conexões de rede em segundo plano, evitamos que ferramentas de rastreamento de marketing atrasem a experiência do cliente.
Para otimizar os tempos de resposta de rede do seu site corporativo sem abrir mão das ferramentas essenciais do seu marketing, conheça nossas soluções de performance ou peça apoio técnico por meio da nossa página de contato.
| Diretiva de Otimização | Ação no Navegador | Quando Deve Ser Aplicada |
|---|---|---|
| dns-prefetch | Resolve apenas o endereço de IP do domínio | Scripts secundários localizados no rodapé da página |
| preconnect | Faz busca de IP, conexão TCP e aperto de mão TLS | Recursos fundamentais, como fontes de texto e chats ativos |