📡Dev

Visualizador de HAR

Lê arquivos HTTP Archive (HAR) colados e lista as requisições com método, status, URL e tempo. Útil para auditar performance.

Ler um HAR sem abrir o navegador

HAR é o formato em que o navegador exporta o que aconteceu na aba de rede: um JSON com uma entrada por requisição, cada uma com tempos, cabeçalhos e tamanhos. Cole o arquivo e a página resume o que interessa primeiro — quantas requisições, quanto foi transferido, quantos erros, qual foi a mais lenta — e lista as requisições em seguida.

O resumo existe porque a pergunta que leva alguém a abrir um HAR quase nunca é sobre uma requisição específica. É sobre o conjunto: por que a página está pesada, o que está falhando, o que não está sendo cacheado. A contagem de respostas 304 ajuda nessa última — elas indicam revalidação acontecendo, que é economia de banda mas ainda custa uma viagem de ida e volta.

Um aviso importante sobre o conteúdo: HAR guarda cabeçalhos e, dependendo de como foi exportado, o corpo das respostas. Isso significa cookies de sessão, tokens de autorização e dados pessoais dentro de um arquivo de texto. Antes de anexar um HAR num ticket de suporte, é preciso limpá-lo — o navegador oferece a opção de exportar sem conteúdo sensível, e vale usá-la.

Perguntas frequentes

Como gerar um HAR?

Na aba de rede das ferramentas de desenvolvedor, com a gravação ativa, recarregue a página e use a opção de exportar. Importante marcar a opção de preservar o log antes de recarregar, senão a navegação apaga o que foi capturado até ali.

Por que alguns tamanhos aparecem como desconhecidos?

Porque o formato usa menos um para dizer que o valor não está disponível, o que acontece com resposta vinda do cache e em alguns cenários de compressão. A página trata esse caso em vez de somar o valor negativo, que é o que produz total de transferência negativo em ferramentas descuidadas.

O tempo total é a soma dos tempos?

Não, e essa é a leitura errada mais comum. As requisições acontecem em paralelo, então somar os tempos dá um número muito maior que o tempo real de carregamento. O que interessa é o tempo do evento de carga da página e quais requisições estão no caminho crítico.

Ferramentas Relacionadas

💾

Parser de Cache-Control

Lê um header Cache-Control e mostra cada diretiva (max-age, no-cache, public, immutable, stale-while-revalidate) com explicação.

🤝

Content-Negotiation Match

Casa Accept do cliente com tipos oferecidos pelo servidor (escolhe o melhor q).

🍪

Parser de Cookie HTTP

Cole um header Set-Cookie e veja nome, valor, Domain, Path, Expires, Max-Age, HttpOnly, Secure, SameSite separadamente. Tudo no navegador.

🔤

Parse Accept-Charset

Faz parse do header Accept-Charset (em desuso, substituído por UTF-8 padrão).

📊

Validador e Visualizador de CSV

Valide, analise e visualize dados CSV em formato de tabela. Detecta delimitador automaticamente (vírgula, ponto-e-vírgula ou tab) e destaca erros de formatação.

🌐

Construtor de Requisição HTTP

Monte uma requisição HTTP (URL, método, headers, body) e gere snippets em cURL, fetch, axios, Python requests e Go net/http. Tudo no navegador.