⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Analizador de waterfall de archivos HAR

Sube un archivo .har exportado desde las DevTools de tu navegador para ver un waterfall real de peticiones construido con los datos de tiempo de cada una, además de comprobaciones de cabeceras de caché ausentes, respuestas sin comprimir y scripts que bloquean el renderizado.

🔒 Procesado íntegramente en su navegador: nada de lo que ingresa aquí se carga nunca.

Arrastra y suelta el archivo aquí o haz clic para buscar

Exporta un archivo HAR desde la pestaña Red de las DevTools de tu navegador (clic derecho en la lista de peticiones → «Guardar todo como HAR con contenido») y suéltalo aquí. Todo se analiza y procesa localmente — el archivo nunca se sube a ninguna parte.

Procesando... 0%
Analizando archivo HAR
Construyendo waterfall
Analizando peticiones
Listo

Resultado

Un archivo HAR (HTTP Archive) es una exportación en JSON de todo lo que el panel Red de las DevTools del navegador registró durante la carga de una página: cada cabecera de petición y respuesta, el tamaño exacto y el tipo MIME de cada cuerpo de respuesta, y un desglose de tiempos por petición. Puedes generar uno desde Chrome, Firefox, Edge o Safari abriendo las DevTools, recargando la página en la pestaña Red y luego haciendo clic derecho sobre la lista de peticiones y eligiendo «Guardar todo como HAR con contenido». Esta herramienta lee directamente ese archivo exportado — no se vuelve a obtener ni a solicitar nada.

El gráfico de waterfall se construye completamente a partir de los datos que ya están dentro del archivo: el objeto de tiempos de cada entrada divide una petición en las fases bloqueado, consulta DNS, conexión, negociación SSL/TLS, envío, espera (tiempo hasta el primer byte) y recepción, y cada fase se dibuja como su propio segmento coloreado. Según la especificación HAR, el tiempo SSL también está incluido dentro de conexión, así que primero se resta de nuevo — de lo contrario, la porción TLS se contaría dos veces y las anchuras de las barras ya no sumarían la duración real de la petición. Unos marcadores verticales discontinuos muestran DOMContentLoaded y Load, leídos directamente de los tiempos de página del propio archivo, para que puedas ver exactamente qué peticiones terminaron antes de que la página se volviera interactiva.

Más allá del gráfico, la herramienta ejecuta tres reglas de detección sobre campos que el formato HAR ya registra. Señala las respuestas cacheables (estado 200, 203 o 206) que no llevan cabecera Cache-Control ni Expires, lo que significa que una visita repetida tiene que volver a descargarlas desde cero. Señala las respuestas textuales —HTML, CSS, JavaScript, JSON, SVG y similares— de más de 1 KB servidas sin Content-Encoding, una oportunidad de compresión sencilla que la mayoría de los servidores pueden activar con una línea de configuración. Y señala las peticiones CSS o JavaScript que comenzaron antes del desplazamiento DOMContentLoaded de la propia página, la firma clásica de un recurso que bloquea el renderizado.

Todo esto funciona sobre los datos que ya están en el archivo que subes — no hay acceso a la red, ni servicio de consulta externo, ni se vuelve a obtener la página original. El archivo HAR se lee, analiza y renderiza completamente en la pestaña de tu navegador y nunca se sube a ninguna parte.

¿Te gusta esta herramienta? ¿Crees que este producto es útil? ¿Ves potencial en él y quieres apoyarlo?

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se ejecuta completamente sin conexión. 100% seguro.

Formatos aceptados y reglas

  • Waterfall de peticiones renderizado en canvas y coloreado por fase de tiempo, con marcadores de DOMContentLoaded y Load.
  • Tres grupos de detección basados en reglas: cabeceras de caché ausentes, respuestas de texto sin comprimir y candidatos a bloqueo de renderizado.
  • Totalmente offline: el archivo .har que subes se analiza y procesa íntegramente en tu navegador — no se envía nada a ningún sitio.

Beneficios clave

✓ Waterfall real con tiempos reales: cada barra se dibuja directamente a partir de las fases bloqueado/DNS/conexión/SSL/envío/espera/recepción de cada petición — nada está estimado ni remedido.
✓ Detector de caché ausente: señala las respuestas 200/203/206 enviadas sin cabecera Cache-Control ni Expires, de modo que las visitas repetidas las vuelven a descargar sin necesidad.
✓ Localizador de respuestas sin comprimir: detecta respuestas basadas en texto de más de 1 KB servidas sin Content-Encoding, una mejora de compresión sencilla y habitual.
✓ Candidatos a bloqueo de renderizado: cruza las peticiones CSS/JS con el tiempo DOMContentLoaded de la propia página para señalar scripts y hojas de estilo obtenidos antes de que la página pudiera renderizarse.

Casos de uso

  • • Diagnostique por qué una página se siente lenta subiendo su archivo HAR exportado y leyendo el desglose real de tiempos por solicitud, en lugar de adivinarlo a partir de una grabación de pantalla.
  • • Audite la estrategia de caché de un sitio identificando cada respuesta que se envía sin cabecera Cache-Control o Expires, y que se volvería a descargar en cada visita repetida.
  • • Detecte CSS o JavaScript que bloquean el renderizado antes de ejecutar una auditoría de rendimiento completa, comprobando qué solicitudes comenzaron antes de DOMContentLoaded en un archivo HAR capturado.