Analisador de Waterfall de Ficheiros HAR

Um ficheiro HAR (HTTP Archive) é uma exportação em JSON de tudo o que o painel Network das DevTools do navegador registou durante o carregamento de uma página: todos os cabeçalhos de pedido e resposta, o tamanho exato e o tipo MIME de cada corpo de resposta e uma discriminação temporal por pedido. Pode produzi‑lo no Chrome, Firefox, Edge ou Safari abrindo as DevTools, recarregando a página no separador Network e clicando com o botão direito na lista de pedidos para escolher «Guardar tudo como HAR com conteúdo». Esta ferramenta lê diretamente esse ficheiro exportado — nada é obtido novamente nem pedido outra vez.

O gráfico de waterfall é construído exclusivamente a partir dos dados já contidos no ficheiro: o objeto de temporização de cada entrada divide um pedido nas fases blocked, DNS lookup, connect, negociação SSL/TLS, send, wait (tempo até ao primeiro byte) e receive, sendo cada fase desenhada como o seu próprio segmento colorido. De acordo com a especificação HAR, o tempo de SSL está também incluído dentro de connect, pelo que é primeiro subtraído — caso contrário a parte TLS seria contada duas vezes e as larguras das barras deixariam de corresponder à duração real do pedido. Marcadores verticais a tracejado mostram o DOMContentLoaded e o Load, lidos diretamente das temporizações de página do próprio ficheiro, para que possa ver exatamente que pedidos terminaram antes de a página se tornar interativa.

Para além do gráfico, a ferramenta executa três regras de deteção sobre os campos que o formato HAR já regista. Assinala respostas cacheáveis (status 200, 203 ou 206) que não contenham cabeçalho Cache‑Control nem Expires, o que significa que uma visita repetida tem de as descarregar novamente. Assinala respostas textuais — HTML, CSS, JavaScript, JSON, SVG e semelhantes — com mais de 1 KB que tenham sido servidas sem Content‑Encoding, uma oportunidade de compressão simples que a maioria dos servidores pode ativar com uma única linha de configuração. E assinala pedidos de CSS ou JavaScript iniciados antes do instante DOMContentLoaded da própria página, a assinatura clássica de um recurso que bloqueia a renderização.

Tudo isto funciona sobre dados que já estão presentes no ficheiro que carrega — não há acesso à rede, nem serviço de pesquisa externo, nem nova obtenção da página original. O ficheiro HAR é lido, interpretado e visualizado inteiramente no seu separador do navegador e nunca é enviado para lado nenhum.