Fugas de memoria
Detección de fugas de memoria mediante análisis iterativo de heap snapshots
Ventajas
Comparación iterativa de heap snapshots
La herramienta navega por las páginas varias veces y compara heap snapshots entre iteraciones — confirmando un crecimiento real de memoria, no asignaciones puntuales.
Cuatro categorías de detección de fugas
Detecta objetos heap con fugas, colecciones crecientes (Array, Map, Set), event listeners acumulados y nodos DOM desconectados que permanecen en memoria tras la navegación.
Seguimiento del delta de memoria a nivel de bytes
Vea exactamente cuántos bytes pierde cada página por iteración, con deltas de tamaño retenido y distancia desde la raíz del GC para cada objeto sospechoso.
Rastreo automatizado multi-página
Navega automáticamente por las páginas de su sitio, ejecutando la detección de fugas en cada una — para capturar fugas en todo el recorrido del usuario.
Cómo funciona
Herramientas
Escáner de velocidad
Depurador INP
Probar caché hacia atrás/adelante
Fugas de memoria
not available
React ScanFAQ
La herramienta carga una página, toma un heap snapshot, navega a otra página y regresa varias veces, luego toma otro snapshot. Los objetos que crecen consistentemente entre iteraciones se marcan como fugas — descartando asignaciones puntuales.
Los nodos DOM desconectados son elementos HTML que han sido eliminados de la página pero siguen retenidos en memoria por referencias JavaScript. Son una fuente común de fugas de memoria en aplicaciones de página única.
Sí. La herramienta rastrea la cantidad de cada tipo de event listener entre iteraciones. Si la cantidad de listeners crece sin limpiarse, se marcan con el nombre específico del evento y el nodo DOM afectado.
Por supuesto. Las SPA son la fuente más común de fugas de memoria porque los componentes se montan y desmontan sin recargas completas de página. El patrón de navegación iterativa está diseñado específicamente para este escenario.
El informe muestra el tipo de objeto, el tamaño retenido y el patrón de crecimiento. Las correcciones comunes incluyen limpiar event listeners en funciones de cleanup de useEffect, anular referencias a nodos DOM eliminados y limpiar intervalos o timeouts.