O que acontece com os recursos externos que o navegador lê ao fazer o parsing do HTML?

O navegador envia pedidos HTTP separados para cada recurso externo especificado no HTML (ficheiros CSS, ficheiros JavaScript, imagens, fontes, etc.). Estes pedidos são processados em paralelo para otimizar o carregamento. Até receber a resposta ao pedido, o navegador pode continuar a analisar o HTML, mas não pode aplicar estilos CSS externos nem executar scripts JavaScript externos até que estes sejam carregados.

Para otimizar o processamento destes recursos, são aplicados diversos mecanismos:

• Caching: O navegador pode armazenar cópias dos recursos no disco local e usá-las em pedidos subsequentes, reduzindo o tempo de carregamento.
• Prioridade de carregamento: O navegador determina a ordem de carregamento dos recursos, dando prioridade àqueles necessários para uma rápida exibição da parte visível da página (Critical Rendering Path).
• Preload e Preconnect: Mecanismos para carregar previamente ou estabelecer conexões com recursos que serão necessários mais tarde.
• Carregamento preguiçoso (Lazy Loading): Recursos como imagens podem ser carregados apenas quando se tornam visíveis na janela do navegador.
• Minificação e compressão: Redução do tamanho dos recursos antes de sua transmissão pela rede.