Analisador em cascata de arquivos HAR

Um arquivo HAR (HTTP Archive) é uma exportação JSON de tudo o que o painel DevTools Network de um navegador registrou durante o carregamento de uma página: cada solicitação e cabeçalho de resposta, o tamanho exato e tipo MIME de cada corpo de resposta e um detalhamento de tempo por solicitação. Você pode produzir um no Chrome, Firefox, Edge ou Safari abrindo o DevTools, recarregando a página na guia Rede, clicando com o botão direito na lista de solicitações e escolhendo "Salvar tudo como HAR com conteúdo". Esta ferramenta lê o arquivo exportado diretamente – nada é buscado ou solicitado novamente.

O gráfico em cascata é construído inteiramente a partir de dados já contidos no arquivo: o próprio objeto de temporização de cada entrada divide uma solicitação em fases bloqueada, pesquisa de DNS, conexão, negociação SSL/TLS, envio, espera (tempo até o primeiro byte) e recebimento, e cada fase é desenhada como seu próprio segmento colorido. De acordo com a especificação HAR, o tempo SSL também está incluído na conexão, portanto, é subtraído primeiro - caso contrário, a parte TLS seria contada duas vezes e as larguras das barras não seriam mais somadas à duração real da solicitação. Marcadores verticais tracejados mostram DOMContentLoaded e Load, lidos diretamente dos tempos de página do próprio arquivo, para que você possa ver exatamente quais solicitações foram concluídas antes de a página se tornar interativa.

Além do gráfico, a ferramenta executa três regras de localização em campos que o formato HAR já registra. Ele sinaliza respostas armazenáveis ​​em cache (status 200, 203 ou 206) que não carregam um cabeçalho Cache-Control nem Expires, o que significa que uma visita repetida terá que baixá-las novamente do zero. Ele sinaliza respostas textuais – HTML, CSS, JavaScript, JSON, SVG e similares – maiores que 1 KB que foram veiculadas sem codificação de conteúdo, uma oportunidade de compactação fácil que a maioria dos servidores pode ativar com uma linha de configuração. E sinaliza solicitações CSS ou JavaScript iniciadas antes do deslocamento DOMContentLoaded da própria página, a assinatura clássica de um ativo de bloqueio de renderização.

Tudo isso é executado em dados que já estão no arquivo que você carrega – não há acesso à rede, nenhum serviço de pesquisa externo e nenhuma nova busca da página original. O arquivo HAR é lido, analisado e renderizado inteiramente na guia do seu navegador e nunca é carregado em nenhum lugar.