Analizzatore Waterfall di file HAR
Carica un file .har esportato dagli Strumenti per sviluppatori del browser e visualizza un vero waterfall delle richieste basato sui dati di temporizzazione reali, più l'analisi di cache mancanti, risposte non compresse e script che bloccano il rendering.
🔒 Elaborato interamente nel tuo browser: nulla di ciò che inserisci qui verrà mai caricato.
Risultato
Un file HAR (HTTP Archive) è un'esportazione in JSON di tutto ciò che il pannello Rete degli Strumenti per sviluppatori del browser ha registrato durante il caricamento di una pagina: ogni richiesta e relativa intestazione di risposta, dimensione esatta e tipo MIME del corpo e la suddivisione temporale di ogni richiesta. Puoi generarlo da Chrome, Firefox, Edge o Safari aprendo gli Strumenti per sviluppatori, ricaricando la pagina nella scheda Rete, facendo clic destro sull'elenco delle richieste e scegliendo "Salva tutto come HAR con contenuto". Questo strumento legge direttamente il file esportato, senza effettuare nuove richieste.
Il grafico a waterfall è costruito unicamente con i dati già presenti nel file: l'oggetto timings di ogni voce suddivide una richiesta nelle fasi blocked, ricerca DNS, connect, negoziazione SSL/TLS, send, wait (tempo al primo byte) e receive, e ogni fase è rappresentata da un segmento colorato. Secondo le specifiche HAR, il tempo SSL è già incluso in connect, quindi viene prima sottratto — altrimenti la parte TLS verrebbe contata due volte e le larghezze delle barre non corrisponderebbero più alla durata effettiva della richiesta. Le linee verticali tratteggiate indicano DOMContentLoaded e Load, lette direttamente dalla sezione pageTimings del file, così puoi vedere esattamente quali richieste si sono completate prima che la pagina diventasse interattiva.
Oltre al grafico, lo strumento applica tre regole di analisi sui campi già registrati nel formato HAR. Segnala le risposte memorizzabili nella cache (stato 200, 203 o 206) prive di intestazione Cache-Control o Expires, il che significa che a ogni visita successiva dovranno essere scaricate di nuovo. Segnala le risposte testuali — HTML, CSS, JavaScript, JSON, SVG e simili — di dimensioni superiori a 1 KB servite senza Content-Encoding, un'occasione di compressione facile da attivare con una sola riga di configurazione sulla maggior parte dei server. Infine, segnala le richieste CSS o JavaScript iniziate prima dell'offset DOMContentLoaded della pagina, il tipico indizio di una risorsa che blocca il rendering.
Tutta l'elaborazione avviene sui dati già contenuti nel file che carichi — nessun accesso alla rete, nessun servizio di ricerca esterno e nessun nuovo caricamento della pagina originale. Il file HAR viene letto, analizzato e visualizzato interamente nella scheda del browser e non viene mai inviato da nessuna parte.