Inspector de archivos HAR (visor de HTTP Archive)
Archivo
Cuando grabas la actividad de red en DevTools del navegador y exportas el resultado, obtienes un archivo HAR (HTTP Archive) — un documento JSON con cada solicitud, respuesta y tiempo de la grabación. Volver a cargarlo en el navegador es incómodo (necesitas DevTools abierto y los HAR grandes lo ralentizan). Este inspector analiza el HAR localmente y muestra lo que usualmente quieres saber: cuántas solicitudes, tamaño total transferido, tiempo total, hosts únicos. Luego desglosa las solicitudes por tipo de contenido (document/script/stylesheet/image/font/xhr/media) con totales de bytes por tipo, y por banda de estado (2xx/3xx/4xx/5xx) para que los fallos salten a la vista. Tablas de top 5 más lentas y top 5 más grandes señalan los sospechosos obvios de rendimiento. Bajo el resumen, cada entrada está en una tabla ordenable y filtrable — busca por URL, acota por tipo, aísla errores, ordena por tamaño o duración. No se sube nada; el archivo se analiza en el navegador y permanece en tu máquina.
Cómo usar
- En cualquier navegador moderno abre DevTools → pestaña Network. Recarga la página a perfilar. Haz clic derecho en cualquier solicitud y elige 'Save as HAR with content' (Chrome) / 'Save All As HAR' (Firefox) / 'Export HAR' (Safari).
- Suelta el archivo .har sobre esta herramienta — o haz clic y selecciónalo del disco.
- Lee los azulejos de resumen para los números principales (conteo, bytes totales, tiempo total, hosts).
- Usa los paneles por tipo y por estado para ver dónde se concentran peso y errores. Las tablas de más lentas/más grandes identifican culpables obvios.
- Filtra la tabla por substring de URL, tipo de contenido o éxito/error. Ordena por tamaño o tiempo para encontrar los más pesados.
Preguntas frecuentes
- ¿Qué es un archivo HAR?
- Formato HTTP Archive — una especificación JSON mantenida por el grupo W3C Web Performance. Las DevTools de cada navegador principal pueden exportar el panel Network como .har. Contiene el desglose de tiempo de cada solicitud (DNS, connect, SSL, wait, receive), cabeceras completas de petición/respuesta y (opcionalmente) cuerpos de respuesta. Esta herramienta lee el esquema estándar 1.2.
- ¿Se muestran los cuerpos de respuesta?
- En esta vista no — solo metadatos (URL, estado, tamaño, tiempo, tipo de contenido). Los HAR pueden incluir la carga útil real cuando marcas 'Include sources' o 'with content' al exportar. Para navegar esos cuerpos están las DevTools; esta herramienta se enfoca en la forma a nivel de solicitud, fácil de resumir.
- ¿Cómo se mide el tamaño?
- Usa `response.content.size` (longitud en bytes del cuerpo decodificado) cuando está presente y es positivo; si no, recurre a `response.bodySize` (longitud en bytes en cable). Para solicitudes con redirecciones o respuestas cacheadas, ambos pueden ser 0 o -1; esas entradas reportan '0 B' aquí. El total es la suma por entrada — cercano pero no idéntico a la transferencia real por compresión y chunking.
- ¿Por qué algunas entradas son 'failed'?
- DevTools asigna estado 0 a las solicitudes que nunca obtuvieron respuesta — fallo de DNS, bloqueado por CORS, bloqueado por extensión, abortado por el usuario, caída de red. Aparecen como 'failed' en el panel de estado y en rojo en la fila.
- ¿Se filtrará mi HAR a algún lugar?
- No. El archivo se lee con la API FileReader del navegador y se analiza en JavaScript en esta página. No se hace ninguna petición de red con su contenido. Puedes verificar en tu propia pestaña Network mientras el archivo está cargado — no aparecerán solicitudes salientes.
Herramientas relacionadas
Conversor Imágenes → PDF
Combina varias imágenes JPG / PNG en un solo PDF con tamaño, orientación y ajuste configurables.
Inspector de ZIP
Suelta un ZIP y mira cada archivo dentro — tamaños, contenido y descarga individual — sin desempaquetar localmente.
Divisor de Archivos
Divide un archivo grande en trozos para esquivar límites de adjuntos o subidas.
Conversor de Codificación de Texto
Abre archivos en codificaciones heredadas (EUC-KR, Shift_JIS, Windows-1252…) como UTF-8 legible.
Hash de Archivo (Suma de Verificación)
Calcula las sumas SHA-1, SHA-256 y SHA-512 de cualquier archivo.
Conversor CSV ↔ JSON
Convierte CSV a JSON y JSON a CSV, con opción de delimitador.