Perdite di memoria
Rilevamento memory leak tramite analisi iterativa degli heap snapshot
Vantaggi
Confronto iterativo degli heap snapshot
Lo strumento naviga più volte tra le pagine e confronta gli heap snapshot tra le iterazioni — confermando una crescita reale della memoria, non allocazioni una tantum.
Quattro categorie di rilevamento perdite
Rileva oggetti heap in perdita, collezioni crescenti (Array, Map, Set), event listener accumulati e nodi DOM staccati che rimangono in memoria dopo la navigazione.
Tracciamento del delta di memoria a livello di byte
Vedi esattamente quanti byte perde ogni pagina per iterazione, con delta di dimensione trattenuta e distanza dalla radice GC per ogni oggetto sospetto.
Crawling automatizzato multi-pagina
Naviga automaticamente tra le pagine del sito, eseguendo il rilevamento di perdite su ciascuna — per catturare le perdite lungo l'intero percorso utente.
Come funziona
Strumenti
FAQ
Lo strumento carica una pagina, scatta un heap snapshot, naviga altrove e ritorna più volte, poi scatta un altro snapshot. Gli oggetti che crescono costantemente tra le iterazioni vengono segnalati come perdite — escludendo le allocazioni una tantum.
I nodi DOM staccati sono elementi HTML rimossi dalla pagina ma ancora trattenuti in memoria da riferimenti JavaScript. Sono una fonte comune di memory leak nelle applicazioni a pagina singola.
Sì. Lo strumento traccia il conteggio di ogni tipo di event listener tra le iterazioni. Se il conteggio dei listener cresce senza essere ripulito, vengono segnalati con il nome specifico dell'evento e il nodo DOM interessato.
Assolutamente. Le SPA sono la fonte più comune di memory leak poiché i componenti si montano e smontano senza ricaricare completamente la pagina. Il pattern di navigazione iterativa è progettato specificamente per questo scenario.
Il report mostra il tipo di oggetto, la dimensione trattenuta e il pattern di crescita. Le correzioni comuni includono la pulizia degli event listener nelle funzioni di cleanup di useEffect, l'annullamento dei riferimenti ai nodi DOM rimossi e la cancellazione di intervalli o timeout.