File HAR - Cos'è e come generarne uno

Quando si tratta di analizzare le complessità delle prestazioni web e di risolverne i problemi, i file HAR rappresentano uno strumento fondamentale per gli sviluppatori e i team di assistenza tecnica. HAR, acronimo di HTTP Archive, è un formato di file utilizzato per tracciare tutte le interazioni che un browser effettua con un sito web.

In questa guida completa, approfondiremo cosa sono i file HAR, la loro importanza e forniremo un procedimento passo-passo su come generarne uno nei vari browser più diffusi, come Chrome, Firefox, Safari ed Edge.

Comprendere i file HAR

Cos’è un File HAR?

Cos’è un file HAR?

Un file HAR è un registro in formato JSON delle interazioni di un browser web con un sito.

Registra tutte le richieste inviate e le risposte ricevute, il tempo impiegato per ottenere le risposte, gli header, i cookie e altri dettagli fondamentali per un’analisi dettagliata. Esaminando un file HAR, è possibile individuare i bottleneck delle prestazioni, identificare i problemi di rete e comprendere il comportamento delle applicazioni web.

Perché i file HAR sono importanti?

I file HAR sono estremamente utili per gli sviluppatori e i professionisti dell’IT perché forniscono una visione granulare della sequenza di caricamento di ciascun elemento di una pagina web. Questo può essere particolarmente utile quando si deve:

• Diagnosticare tempi di caricamento lenti
• Eseguire il debug di cicli complessi di richiesta e risposta
• Analizzare la sequenza di caricamento delle risorse
• Identificare i servizi di terze parti che hanno un impatto sulle prestazioni

Come generare un file HAR in diversi browser?

Google Chrome

• Step 1Apri gli Strumenti per sviluppatori

  Clicca con il tasto destro del mouse su un punto qualsiasi della pagina che vuoi analizzare e seleziona Ispeziona, oppure premi

  Ctrl+Shift+I

  (Cmd+Option+I su Mac).

• Step 2Accedi alla scheda Rete

  Clicca sulla scheda Rete nel pannello Strumenti per sviluppatori.

• Step 3Registra la sessione

  
  

  Assicurati che il pulsante di registrazione (il cerchio rosso in alto a sinistra della scheda Rete) sia attivo. Se è grigio, cliccalo per avviare la registrazione.

  

• Step 4Riproduci il problema

  Se non lo è già, seleziona la casella Conserva log. Clicca sul pulsante grigio a forma di cerchio sbarrato per eliminare i log esistenti della scheda Rete. Aggiorna la pagina o esegui le azioni che hanno portato al problema su cui stai indagando.

• Step 5Salva il file HAR

  Clicca con il tasto destro del mouse su un punto qualsiasi della griglia delle richieste di rete, seleziona Salva tutto come HAR con i contenuti e salva il file nella posizione desiderata.

  

Mozilla Firefox

• Step 1Apri la scheda Rete

  Clicca con il tasto destro del mouse su un punto qualsiasi della pagina che vuoi analizzare e seleziona Analizza, e poi clicca sulla scheda Rete oppure premi

  Ctrl+Shift+E

  (Cmd+Option+E su Mac).

• Step 2Inizia a registrare il traffico

  La registrazione si avvia automaticamente all’apertura della scheda Rete.

• Step 3Riproduci il problema

  Aggiorna la pagina o esegui le azioni necessarie per registrare il flusso di dati relativi al tuo problema.

• Step 4Esporta il file HAR

  Clicca con il tasto destro del mouse su un punto qualsiasi della griglia delle richieste di rete, seleziona Salva tutto come HAR e scegli dove salvare il file.

  

Safari

• Step 1Abilita il menu per sviluppatori

  Vai a Safari > Impostazioni > Avanzate e seleziona la casella in basso che dice Mostra funzionalità per sviluppatori web.

  

• Step 2Apri lo strumento di ispezione

  Clicca con il tasto destro del mouse su un punto qualsiasi della pagina e seleziona Ispeziona, oppure premi

  Cmd+Option+I

  E poi clicca sulla scheda Rete.

• Step 3Riproduci il problema

  Aggiorna la pagina o esegui le azioni necessarie per raccogliere i dati legati al tuo problema.

• Step 4Esporta come HAR

  Dopo aver completato i passaggi che ricreano il problema, clicca sul pulsante Esporta in alto a destra della scheda Rete e salva il file HAR.

  

Microsoft Edge

• Step 1Accedi agli Strumenti per sviluppatori

  Clicca con il tasto destro del mouse su un punto qualsiasi della pagina e seleziona Ispeziona, oppure premi F12 o

  Ctrl+Shift+I

• Step 2Naviga fino alla scheda Rete

  Clicca sulla scheda Rete nella finestra degli Strumenti per sviluppatori.

  

• Step 3Registra l’attività della Rete

  Assicurati che la registrazione sia attiva (cerchio rosso). In caso contrario, cliccaci per iniziare.

  

• Step 4Replica il problema

  Aggiorna la pagina o esegui i passaggi necessari per replicare il problema.

• Step 5Salva il file HAR

  Clicca con il pulsante destro del mouse sull’elenco degli eventi di rete e clicca su Salva tutto come HAR con contenuto, e salva quindi il file.

  

Analizzare i file HAR

Una volta generato un file HAR, se si desidera, è possibile analizzarlo utilizzando vari strumenti online o ispezionando manualmente il contenuto in formato JSON. Cerca tempi di attesa lunghi, richieste fallite o file di grandi dimensioni che potrebbero essere ottimizzati.

Conclusione

I file HAR sono una risorsa potente per chiunque voglia ottimizzare le prestazioni di un sito web o risolverne i problemi. Seguendo i passaggi descritti sopra, è possibile generare file HAR in Chrome, Firefox, Safari ed Edge, ottenendo preziose informazioni sul funzionamento interno delle interazioni web.

FAQ

I file HAR possono contenere informazioni sensibili?

Sì, i file HAR possono contenere dati sensibili come dati personali, cookie e token di autenticazione. È importante gestire e condividere i file HAR con cautela, assicurandosi che siano condivisi solo con persone fidate e che siano archiviati in modo sicuro.

Come posso visualizzare il contenuto di un file HAR?

È possibile visualizzare i file HAR utilizzando vari strumenti online come HAR Analyzer di Google o software in grado di analizzare il formato JSON. Questi strumenti consentono di visualizzare i dati in un formato più leggibile.

I file HAR sono utilizzati per testare le prestazioni?

Sebbene i file HAR non siano tipicamente utilizzati per i test automatizzati delle prestazioni, sono una risorsa eccellente per l’analisi manuale delle prestazioni e possono aiutare a identificare problemi che potrebbero non essere evidenti durante i test automatizzati.

Generare un file HAR può influire sulle prestazioni del sito web?

Il processo di generazione di un file HAR non dovrebbe influire significativamente sulle prestazioni del sito web per l’utente. Tuttavia, gli Strumenti per sviluppatori possono consumare risorse di sistema aggiuntive sul tuo computer, il che potrebbe rallentare leggermente il browser o il sistema operativo.

È possibile modificare un file HAR?

Sì, poiché i file HAR sono in formato JSON, possono essere modificati con un editor di testo. Tuttavia, la modifica di un file HAR è sconsigliata a meno che non si conosca esattamente le modifiche da apportare, poiché potrebbe corrompere il file o alterare i dati registrati.