Analizador de cascada de archivos HAR

Un archivo HAR (HTTP Archive) es una exportación JSON de todo lo que el panel DevTools Network de un navegador registró durante la carga de una página: cada encabezado de solicitud y respuesta, el tamaño exacto y el tipo MIME de cada cuerpo de respuesta, y un desglose del tiempo por solicitud. Puede generar uno desde Chrome, Firefox, Edge o Safari abriendo DevTools, recargando la página en la pestaña Red, luego haciendo clic derecho en la lista de solicitudes y eligiendo "Guardar todo como HAR con contenido". Esta herramienta lee ese archivo exportado directamente: no se recupera ni se solicita nada.

El gráfico de cascada se construye completamente a partir de datos que ya están dentro del archivo: el objeto de tiempos propio de cada entrada divide una solicitud en fases de bloqueo, búsqueda de 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 de color. Según la especificación HAR, el tiempo SSL también se incluye dentro de la conexión, por lo que se resta primero; de lo contrario, la parte TLS se contaría dos veces y los anchos de las barras ya no se sumarían a la duración real de la solicitud. Los marcadores verticales discontinuos muestran DOMContentLoaded y Load, leídos directamente desde los tiempos de la página del propio archivo, para que pueda ver exactamente qué solicitudes finalizaron antes de que la página se volviera interactiva.

Más allá del gráfico, la herramienta ejecuta tres reglas de búsqueda sobre campos que el formato HAR ya registra. Marca las respuestas almacenables en caché (estado 200, 203 o 206) que no llevan un encabezado Cache-Control ni Expires, lo que significa que una visita repetida debe volver a descargarlas desde cero. Marca respuestas textuales (HTML, CSS, JavaScript, JSON, SVG y similares) de más de 1 KB que se entregaron sin codificación de contenido, una oportunidad de compresión fácil que la mayoría de los servidores pueden activar con una línea de configuración. Y marca las solicitudes de CSS o JavaScript que comenzaron antes del desplazamiento DOMContentLoaded de la página, la firma clásica de un recurso de bloqueo de renderizado.

Todo esto se ejecuta con datos que ya se encuentran en el archivo que usted carga: no hay acceso a la red, ni servicio de búsqueda externo ni recuperación de la página original. El archivo HAR se lee, analiza y representa por completo en la pestaña de su navegador y nunca se carga en ningún lugar.