Carregamento de Recursos do Navegador: Um Mergulho Profundo na Caixa Preta
Carregar uma página da web e seus sub-recursos envolve uma complexa interação de fatores. Os navegadores levam em consideração recursos de bloqueio de renderização, scanners de pré-carregamento, dicas de recursos (pré-carregamento/pré-conexão), modificadores de carregamento (async/defer/module), fetchpriority, imagens responsivas e muito mais. Eles então decidem quando carregar cada recurso, otimizando para HTTP/2 e HTTP/3 modernos. No entanto, diferentes navegadores empregam estratégias muito diferentes, às vezes até mesmo atrasando intencionalmente solicitações. Esta palestra mergulha no processo de tomada de decisão por trás do carregamento de recursos, mostrando como influenciar o comportamento do navegador para priorizar recursos críticos, como a imagem LCP. Analisaremos várias cachoeiras, explicaremos discrepâncias de navegadores e ofereceremos soluções para problemas comuns — sem recorrer ao pré-carregamento cego de tudo com fetchpriority=high. Você terá um entendimento mais profundo dos mecanismos internos do navegador e enfrentará com confiança os desafios de carregamento de recursos.