Questo è un tutorial pratico su alcune delle funzionalità di DevTools più utilizzate relative all'ispezione dell'attività di rete di una pagina.
Consulta Riferimento alla rete se preferisci sfogliare le funzionalità.
Continua a leggere o guarda la versione video di questo tutorial:
Quando utilizzare il riquadro Rete
In generale, utilizza il riquadro Network quando devi assicurarti che le risorse vengano scaricate o caricate come previsto. I casi d'uso più comuni per il riquadro Rete sono:
- Assicurarsi che le risorse vengano effettivamente caricate o scaricate.
- Ispezione delle proprietà di una singola risorsa, ad esempio intestazioni HTTP, contenuti, dimensioni e così via.
Se stai cercando modi per migliorare le prestazioni di caricamento pagina, non iniziare dal riquadro Rete. Esistono molti tipi di problemi di prestazioni di caricamento che non sono correlati all'attività di rete. Inizia con il pannello Lighthouse, perché ti offre suggerimenti mirati su come migliorare la tua pagina. Consulta Ottimizzare la velocità del sito web.
Apri il riquadro Rete
Per ottenere il massimo da questo tutorial, apri la demo e prova le funzionalità nella pagina demo.
Apri la demo Inizia.
Potresti preferire spostare la demo in una finestra separata.
Apri DevTools premendo Ctrl+Maiusc+J o Comando+Opzione+J (Mac). Si apre il riquadro Console.
Potresti preferire