103 Early Hints: Código de Status HTTP que Indica Dicas Antecipadas nos Cabeçalhos

INDEX

Sobre o 103 Early Hints

Sobre o 103 Early Hints

Visão Geral do 103 Early Hints

Pré-carregamento Eficiente de RecursosCódigo de Status HTTP
103 Early Hints Visão Geral O 103 Early Hints é um código de status HTTP que notifica os clientes sobre recursos relacionados (como CSS e JavaScript) antes de fornecer a resposta final. Ao utilizar esse código, os navegadores podem pré-carregar recursos relevantes, melhorando significativamente o tempo de carregamento das páginas.
O servidor fornece informações antecipadas sobre os recursos relacionados ao recurso solicitado.
Pré-carregamento de recursos é um mecanismo que carrega previamente arquivos importantes (como fontes, imagens, scripts) necessários para uma página web. Isso garante que os recursos estejam prontos quando necessários, acelerando o carregamento da página. Por exemplo, é possível instruir o navegador a “baixar esta fonte primeiro” para uma exibição mais suave.

Quando o 103 Early Hints é retornado?

Quando o servidor demora para gerar a resposta final
Quando o navegador deve pré-carregar recursos relacionados (como CSS, JavaScript, imagens)
Para melhorar o desempenho da web utilizando o pré-carregamento de recursos

Exemplos de 103 Early Hints

Notificação antecipada de recursos relacionados

GET /index.html HTTP/1.1  
Host: example.com

Exemplo de resposta:

HTTP/1.1 103 Early Hints  
Link: </style.css>; rel=preload; as=style  
Link: </script.js>; rel=preload; as=script  

HTTP/1.1 200 OK  
Content-Type: text/html; charset=UTF-8  

<html>
  <head>
    <link rel="stylesheet" href="/style.css">
  </head>
  <body>
    <script src="/script.js"></script>
  </body>
</html>

Explicação: O servidor retorna o código 103 Early Hints, permitindo que o cliente pré-carregue recursos relacionados, como CSS e JavaScript. Em seguida, uma resposta padrão 200 OK é fornecida com o conteúdo HTML.

Melhoria na velocidade de carregamento da página

GET /homepage HTTP/1.1  
Host: example.com

Exemplo de resposta:

HTTP/1.1 103 Early Hints  
Link: </main.css>; rel=preload; as=style  
Link: </analytics.js>; rel=preload; as=script  

HTTP/1.1 200 OK  
Content-Type: text/html; charset=UTF-8  

[Conteúdo HTML da página inicial]

Explicação: Usando o código 103 Early Hints, o navegador pode baixar os recursos necessários com antecedência, melhorando o tempo de carregamento da página.

Pontos de Atenção

Pontos importantes ao retornar o 103 Early Hints:

Garantir a precisão da resposta final
O código 103 Early Hints é um código de status complementar, e a resposta final (como 200 OK) deve ser fornecida corretamente.
Verificar a compatibilidade do cliente
Nem todos os navegadores ou clientes suportam o código 103 Early Hints, por isso a compatibilidade deve ser considerada.

Comparação com códigos de status HTTP relacionados

Explicação dos códigos de status relacionados ao 103 Early Hints:

200 OK: Usado quando uma solicitação é bem-sucedida e uma resposta completa é fornecida.
102 Processing: Indica que um processo prolongado está em andamento, sendo diferente do propósito do 103.

Compreender essas diferenças ajuda a usar corretamente o código de status 103.