Early Hints

Última atualização 4 de setembro de 2025

O Early Hints é um padrão web que você pode implementar para melhorar os tempos de carregamento de páginas em até 30%. Este padrão web define um novo código de status HTTP: 103 Early Hints.

Quando o recurso Early Hints é ativado e um visitante carrega o seu site em um navegador compatível, respostas 103 são enviadas para o navegador (antes das respostas 200) com informações sobre os ativos vinculados que podem aparecer na resposta final do servidor. Com essas informações, o navegador pode começar a preparar a página antes de receber a resposta 200 OK do servidor. Isso permite que o navegador prepare a página de forma mais eficiente enquanto o servidor está “pensando”.

O mecanismo Early Hints pode ser usado com qualquer tipo de cabeçalho Link ou dica de recurso, como preload e preconnect. Ele ajuda a melhorar o desempenho da página da web permitindo que os navegadores comecem a buscar ou preparar recursos antes que a resposta final seja recebida.

Como parte da integração da Kinsta com o Cloudflare, o Early Hints pode ser habilitado para o seu site WordPress no MyKinsta para o seu domínio personalizado. Você não pode usar Early Hints com um domínio temporário kinsta.cloud.

Configurar o Early Hints no seu site WordPress

O Early Hints foi projetado para ampliar os benefícios de desempenho de resource hints como preload e preconnect, enviando essas diretivas ao navegador antes que a resposta final do servidor esteja pronta. Isso permite que o navegador comece a carregar ou a se conectar a recursos críticos mais cedo, melhorando os tempos de carregamento da página e a experiência do usuário.

Preload: A diretiva preload instrui o navegador a buscar recursos importantes (por exemplo, CSS, JavaScript, fontes) o mais cedo possível. Quando usada com o Early Hints, essas instruções de preload são entregues imediatamente após a solicitação inicial, permitindo que o navegador comece a baixar os ativos críticos antes mesmo de a resposta completa ser recebida. Isso reduz o tempo de bloqueio de renderização e melhora tanto o desempenho percebido quanto o real.
Preconnect: A diretiva preconnect inicia conexões antecipadas com domínios externos importantes (por exemplo, análises, CDN, APIs). O Early Hints envia esses sinais de preconnect antecipadamente, permitindo que o navegador execute pesquisas DNS, handshakes TCP e negociações TLS com antecedência. Isso reduz a latência de conexão e acelera o carregamento de recursos de origens externas.

Para aproveitar o Early Hints, você deve primeiro configurar corretamente o preload e o preconnect adicionando os cabeçalhos Link: apropriados aos ativos desejados em seu site WordPress. Isso pode ser feito usando plugins de otimização como:

Essas ferramentas permitem definir e gerenciar facilmente os cabeçalhos de preload e preconnect sem precisar editar o código manualmente.

Notas importantes

Seu site precisará ter o cabeçalho de resposta Link: com o tipo de relpreload ou preconnect para indicar os recursos que você deseja incluir na resposta Early Hints. Você pode usar um plugin do WordPress para adicionar cabeçalhos de preload ou preconnect aos seus recursos no WordPress.
O código de status 103 Early Hints é compatível com as versões mais recentes dos navegadores Chrome, Edge, Safari e Firefox. Se um navegador não oferecer suporte ao Early Hints e um cabeçalho de resposta 103 for enviado, nada acontecerá, o navegador simplesmente o ignorará.
Se o seu site tiver mais de 20 domínios, habilitar o recurso Early Hints pode levar 5 ou mais minutos, dependendo do número total de domínios.
Você não pode usar Early Hints com um domínio temporário kinsta.cloud.

Habilitar o Early Hints no Cloudflare

Dentro da sua conta Cloudflare, selecione o domínio e clique em Speed > Optimization > Content Optimization e ative a opção Early Hints.

Habilitar o Early Hints no MyKinsta

Para habilitar o Early Hints, faça login no MyKinsta e vá para Sites WordPress > nomedosite > Ferramentas.
Em Early Hints, clique no botão Habilitar.

Uma notificação informando que o Early Hints está habilitado aparecerá no canto superior direito.

Teste o Early Hints

Para confirmar se o Early Hints está funcionando, inspecione os cabeçalhos HTTP de uma página em seu site e procure por qualquer cabeçalho Link: com o tipo de relpreload ou preconnect que você adicionou. Para inspecionar os cabeçalhos HTTP do seu site, você pode usar qualquer um dos seguintes:

Nosso verificador gratuito de status HTTP e redirecionamento.
As ferramentas de desenvolvedor integradas ao seu navegador.
O comando curl no Terminal (linha de comando), substituindo a URL no final deste exemplo pela URL da página que você deseja testar:

curl -L -s -o /dev/null -D - https://kinstaexample.com

Desabilite o Early Hints

Para desabilitar o Early Hints, faça login no MyKinsta e vá para Sites WordPress > nomedosite > Ferramentas.
Em Early Hints, clique no botão Desabilitar.

Uma notificação de que o Early Hints está desabilitado aparecerá no canto superior direito.