Milten.ioMilten

Fuites de mémoire

Détection des fuites mémoire par analyse itérative de heap snapshots

Avantages

Comparaison itérative des heap snapshots
L'outil navigue plusieurs fois entre les pages et compare les heap snapshots entre les itérations — confirmant une croissance réelle de la mémoire, pas des allocations ponctuelles.
Quatre catégories de détection de fuites
Détecte les objets heap qui fuient, les collections croissantes (Array, Map, Set), les event listeners accumulés et les nœuds DOM détachés restant en mémoire après la navigation.
Suivi du delta mémoire au niveau des octets
Voyez exactement combien d'octets chaque page perd par itération, avec les deltas de taille retenue et la distance depuis la racine GC pour chaque objet suspect.
Crawling automatisé multi-pages
Navigue automatiquement à travers les pages de votre site, exécutant la détection de fuites sur chacune — pour capturer les fuites sur l'ensemble du parcours utilisateur.

Comment ça marche

Outils

Analyseur de vitesse
Débogueur INP
Tester le cache retour/avant
Fuites de mémoire
React Scan

FAQ

L'outil charge une page, prend un heap snapshot, navigue ailleurs et revient plusieurs fois, puis prend un autre snapshot. Les objets qui croissent régulièrement entre les itérations sont signalés comme fuites — excluant les allocations ponctuelles.

Les nœuds DOM détachés sont des éléments HTML supprimés de la page mais encore retenus en mémoire par des références JavaScript. C'est une source courante de fuites mémoire dans les applications monopage.

Oui. L'outil suit le nombre de chaque type d'event listener entre les itérations. Si le nombre de listeners augmente sans nettoyage, ils sont signalés avec le nom de l'événement spécifique et le nœud DOM concerné.

Absolument. Les SPA sont la source la plus courante de fuites mémoire car les composants se montent et se démontent sans rechargement complet de page. Le schéma de navigation itérative est conçu spécifiquement pour ce scénario.

Le rapport indique le type d'objet, la taille retenue et le schéma de croissance. Les corrections courantes incluent le nettoyage des event listeners dans les fonctions de cleanup useEffect, la mise à null des références aux nœuds DOM supprimés et l'effacement des intervalles ou timeouts.
Nous utilisons des cookies

Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site web. Pour plus d'informations sur notre utilisation des cookies, veuillez consulter notre politique relative aux cookies.