Visor de archivos HAR
Suelta un archivo HAR exportado desde el panel Red de tu navegador para inspeccionar cada solicitud: una cascada de tiempos, códigos de estado, cabeceras, cuerpos de solicitud y respuesta, cookies, fases de tiempo y totales. El archivo se lee localmente y nunca se sube.
Última actualización:
| # | Nombre | Método | Estado | Tipo | Tamaño | Tiempo | Cascada |
|---|
Cómo usar Visor de archivos HAR
- Exporta un archivo HAR: abre las DevTools (F12), ve a la pestaña Red, recarga la página y elige Save all as HAR (Chrome/Edge: icono de descarga o clic derecho; Firefox: menú del engranaje).
- Ábrelo aquí: arrastra el archivo .har a la zona de carga o pulsa Elegir archivo HAR. Se carga un HAR de ejemplo para que puedas probar el visor primero.
- Revisa la cascada y los totales para detectar solicitudes lentas, esperas largas (TTFB), descargas grandes y llamadas fallidas.
- Filtra por tipo, estado o URL para centrarte en llamadas a API, errores o un dominio concreto, y ordena por tamaño o tiempo.
- Haz clic en una solicitud para ver sus cabeceras, carga útil, cuerpo de respuesta, desglose de tiempos y cookies, o cópiala como cURL.
Cómo leer las fases de tiempo
| Fase (campo HAR) | Qué mide | Si es larga |
|---|---|---|
En cola / bloqueada (blocked) | Tiempo de espera antes de que pudiera empezar la solicitud (cola, límites de conexiones, menor prioridad) | Demasiadas solicitudes a un mismo host, recursos que bloquean el renderizado, limitación del navegador |
DNS (dns) | Resolución del nombre de host a una dirección IP | Muchos dominios de terceros; considera dns-prefetch o usar menos dominios |
Conexión (connect) | Apertura de la conexión TCP (incluye TLS en HAR) | Servidores lejanos; usa una CDN, HTTP/2 o reutilización de conexiones |
TLS (ssl) | El handshake HTTPS | Configuración TLS antigua o sin reanudación de sesión; activa TLS 1.3 |
Envío (send) | Subida de las cabeceras y el cuerpo de la solicitud | Subidas grandes o ancho de banda de subida lento |
Espera / TTFB (wait) | Tiempo hasta que llegó el primer byte de la respuesta | Código de servidor lento, consultas a la base de datos o cachés vacías |
Descarga (receive) | Recepción del cuerpo de la respuesta | Archivos grandes; comprime, redimensiona las imágenes o usa carga diferida |
Cómo exportar un archivo HAR en cada navegador
Chrome y Edge: pulsa F12, abre la pestaña Network (Red), recarga la página y haz clic en la flecha de descarga Export HAR de la barra de herramientas (o haz clic derecho en cualquier solicitud y elige Save all as HAR with content). Firefox: pulsa F12, abre Network (Red), recarga y, en el menú del engranaje, elige Save All As HAR. Safari: activa el menú Desarrollo en Ajustes, abre el Web Inspector, ve a Network (Red), recarga y haz clic en Export.
Un archivo HAR captura cookies, tokens y todo lo que escribiste en formularios durante la grabación. Graba solo lo que necesites y limpia el archivo antes de compartirlo con los equipos de soporte.
Preguntas frecuentes
¿Qué es un archivo HAR?
HAR (HTTP Archive) es un formato JSON que usan los navegadores para guardar todo lo registrado en el panel Red: la URL, el método, las cabeceras, las cookies, el estado, los tiempos y, opcionalmente, los cuerpos de respuesta de cada solicitud. Los equipos de soporte suelen pedir un archivo HAR para diagnosticar sitios web lentos o que fallan.
¿Es seguro abrir aquí mi archivo HAR?
Sí. El archivo se lee con JavaScript dentro de tu navegador y nunca se sube. Eso es importante porque los archivos HAR pueden contener cookies, tokens de autorización y datos de formularios. Antes de compartir un archivo HAR con otra persona, elimina o cambia los valores sensibles.
¿Cómo exporto un archivo HAR en Chrome?
Abre las DevTools con F12 o Ctrl+Shift+I (Cmd+Option+I en Mac), selecciona la pestaña Red, marca Preserve log si necesitas varias páginas, recarga la página y reproduce el problema; luego haz clic en la flecha de descarga (Export HAR) o haz clic derecho en una solicitud y elige Save all as HAR with content.
¿Qué significan los colores de la cascada?
El gris es el tiempo en cola o bloqueado, el verde azulado es la búsqueda DNS, el naranja es la conexión TCP, el morado es el handshake TLS, el azul es el envío de la solicitud, el verde es la espera del primer byte del servidor (TTFB) y el azul claro es la descarga de la respuesta. Las barras verdes largas indican servidores lentos; las barras azul claro largas indican archivos grandes o conexiones lentas.
¿Por qué el cuerpo de la respuesta está vacío?
Los navegadores no siempre guardan los cuerpos en los archivos HAR: las redirecciones, las respuestas en caché y los recursos muy grandes o binarios suelen omitirse, y algunas opciones de exportación solo guardan las cabeceras. En Chrome usa Save all as HAR with content para incluirlos.
¿Cuál es la diferencia entre tamaño transferido y tamaño del recurso?
El tamaño transferido es lo que pasó por la red, incluidas las cabeceras y la compresión (y casi cero en respuestas en caché). El tamaño del recurso es el tamaño decodificado del cuerpo, que suele ser mayor en texto comprimido como JavaScript, CSS y JSON.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.