Il riquadro Memoria fornisce strumenti di diagnostica che consentono di vedere la distribuzione della memoria degli oggetti JavaScript, scoprire e isolare le perdite di memoria, ottenere un'analisi dettagliata dell'allocazione della memoria per funzione e altro ancora.
Panoramica
Il riquadro Memoria ti consente di acquisire tre tipi di profilo. Questi tipi di profilo mostrano istantanee da diverse prospettive e offrono un'utilità variabile:
- Istantanea heap. Gli snapshot heap mostrano la distribuzione della memoria tra gli oggetti JavaScript della tua pagina e i nodi DOM correlati.
- Strumentazione di allocazione sulla sequenza temporale. Le sequenze temporali dell'allocazione mostrano le allocazioni della memoria JavaScript strumentate nel tempo. Una volta registrato un profilo, puoi selezionare un intervallo di tempo per vedere gli oggetti allocati al suo interno e ancora attivi entro la fine della registrazione. Usa questo tipo di profilo per isolare le perdite di memoria.
- Campionamento di allocazione. Registra le allocazioni della memoria utilizzando il metodo di campionamento. Questo tipo di profilo ha un overhead delle prestazioni minimo e può essere utilizzato per operazioni a lunga esecuzione. Fornisce buone approssimazioni delle allocazioni suddivise per stack di esecuzione JavaScript.
Puoi selezionare un'istanza VM JavaScript su cui eseguire ciascuno di questi profili.
Per saperne di più, consulta:
Apri il riquadro Memoria
Per aprire il riquadro Memoria:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
- Inizia a digitare
memory
, seleziona Mostra memoria e premi Invio. DevTools mostra il riquadro Memoria nella parte superiore della finestra di DevTools.
In alternativa, puoi aprire il riquadro Memoria nei seguenti modi:
- Nella barra delle azioni in alto, fai clic su double_arrow Altri riquadri e seleziona Memoria dall'elenco a discesa.
- Nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Memoria.