Riquadro Rete: analisi del carico e delle risorse di rete

Dale St. Marthe
Dale St. Marthe

Utilizza il riquadro Network per analizzare il caricamento della pagina e ispezionare le risorse di rete.

Panoramica

Il riquadro Rete ti consente di:

Consulta Esaminare l'attività di rete per un tutorial guidato che illustra alcune delle funzionalità più utilizzate del riquadro Rete.

Apri il riquadro Rete

Per aprire il riquadro Rete, apri DevTools e fai clic su Rete nella barra delle azioni in alto.

In alternativa, per aprire il riquadro Rete tramite il menu Comando:

  1. Apri DevTools.
  2. Apri il menu Comando premendo:
  3. macOS: Comando+Maiusc+P
  4. Windows, Linux, ChromeOS: Control+Maiusc+P Menu dei comandi con
  5. Inizia a digitare Network, seleziona Mostra pannello della rete e premi Invio.

Registra l'attività di rete

Quando apri DevTools, le richieste di rete vengono registrate automaticamente nel riquadro Rete, a condizione che DevTools sia aperto.

Oltre a registrare, puoi:

Controllare le richieste di rete

Tutte le richieste di rete vengono registrate nella tabella Richieste al centro del riquadro.

Per scoprire di più sulle colonne visualizzate per impostazione predefinita e su quelle aggiuntive che puoi aggiungere, consulta Visualizzare un log delle richieste.

Fai clic sul nome di una richiesta per visualizzare le schede con ulteriori informazioni sulla richiesta, tra cui:

  • Intestazioni: le intestazioni HTTP della risorsa selezionata.
  • Payload: i parametri della stringa di query e i dati del modulo di una richiesta.
  • Anteprima: un rendering di base del codice HTML.
  • Risposta: il codice sorgente HTML della risorsa selezionata.
  • Initiator: indica cosa ha causato la richiesta di una risorsa.
  • Tempi: un'analisi dettagliata dell'attività di rete per la risorsa selezionata.
  • Cookie: cookie di una richiesta e della relativa risposta.

Filtrare e ordinare le richieste di rete

Il riquadro Rete ti offre due modi per ordinare le richieste nella tabella Richieste:

Di seguito sono riportati diversi modi per filtrare le richieste nella tabella Richieste:

Per scoprire come cercare una determinata stringa o espressione regolare nelle intestazioni e nelle risposte HTTP di tutte le risorse, consulta Cercare intestazioni e risposte di rete.

Modificare il comportamento di caricamento

Testa l'esperienza utente della tua pagina modificando il comportamento di caricamento nel riquadro Rete.

Utilizzando il riquadro Rete, puoi:

Salvare ed esportare i dati delle richieste di rete

Per salvare ed esportare i dati delle richieste di rete, consulta quanto segue: