Analizzatore di cascate di file HAR

Un file HAR (archivio HTTP) è un'esportazione JSON di tutto ciò che il pannello DevTools Network di un browser ha registrato durante il caricamento di una pagina: ogni richiesta e intestazione di risposta, la dimensione esatta e il tipo MIME di ciascun corpo della risposta e un'analisi temporale per richiesta. Puoi crearne uno da Chrome, Firefox, Edge o Safari aprendo DevTools, ricaricando la pagina nella scheda Rete, quindi facendo clic con il pulsante destro del mouse sull'elenco delle richieste e scegliendo "Salva tutto come HAR con contenuto". Questo strumento legge direttamente il file esportato: nulla viene recuperato o richiesto nuovamente.

Il grafico a cascata è costruito interamente a partire dai dati già all'interno del file: l'oggetto timing di ciascuna voce suddivide una richiesta in fasi di blocco, ricerca DNS, connessione, negoziazione SSL/TLS, invio, attesa (tempo al primo byte) e ricezione, e ogni fase viene disegnata come un proprio segmento colorato. Secondo le specifiche HAR, anche il tempo SSL è incluso all'interno della connessione, quindi viene prima sottratto, altrimenti la porzione TLS verrebbe conteggiata due volte e le larghezze delle barre non si sommerebbero più alla durata reale della richiesta. Gli indicatori verticali tratteggiati mostrano DOMContentLoaded e Load, letti direttamente dai tempi della pagina del file, in modo da poter vedere esattamente quali richieste sono state completate prima che la pagina diventasse interattiva.

Oltre al grafico, lo strumento esegue tre regole di ricerca sui campi già registrati dal formato HAR. Contrassegna le risposte memorizzabili nella cache (stato 200, 203 o 206) che non portano né un'intestazione Cache-Control né un'intestazione Expires, il che significa che una visita ripetuta deve scaricarle nuovamente da zero. Contrassegna le risposte testuali (HTML, CSS, JavaScript, JSON, SVG e simili) più grandi di 1 KB che sono state fornite senza una codifica del contenuto, un'opportunità di compressione semplice che la maggior parte dei server può attivare con una riga di configurazione. E contrassegna le richieste CSS o JavaScript iniziate prima dell'offset DOMContentLoaded della pagina, la classica firma di una risorsa che blocca la visualizzazione.

Tutto questo viene eseguito sui dati già presenti nel file caricato: non è disponibile alcun accesso alla rete, nessun servizio di ricerca esterno e nessun recupero della pagina originale. Il file HAR viene letto, analizzato e renderizzato interamente nella scheda del browser e non viene mai caricato da nessuna parte.