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”.

Como parte da integração da Kinsta com o Cloudflare, o recurso Early Hints pode ser ativado para o seu site WordPress no MyKinsta.

Notas importantes

  1. Seu site precisará ter o cabeçalho de resposta Link: com o tipo de rel preload ou preconnect para indicar os recursos que você deseja incluir na resposta Early Hints. Se você não está familiarizado com a adição de cabeçalhos de resposta, pode trabalhar com um desenvolvedor.
  2. O código de status 103 Early Hints só é compatível com o Chrome e Edge, mas o Firefox tem a intenção de suportar Early Hints e tem um relatório de bug aberto para a implementação.
  3. Se um navegador ainda não suportar o recurso Early Hints e um cabeçalho de resposta 103 for enviado para ele, nada acontecerá; o navegador simplesmente o ignorará.
  4. 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.
  5. O recurso Early Hints é considerado um recurso beta no Cloudflare e experimental no Chrome. Isso significa que o comportamento e a implementação do recurso provavelmente mudarão no futuro.

Habilite o Early Hints

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

    Habilitando o Early Hints no MyKinsta.
    Habilitando o Early Hints no MyKinsta.

  3. 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 rel preload 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

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

    Desabilite o Early Hints no MyKinsta.
    Desabilite o Early Hints no MyKinsta.

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

Documentação relacionada

Conteúdos de referência