Registra perfiles de rendimiento, detecta long tasks y analiza consumo de memoria para evitar congelaciones y fugas.
Cuando una web 'va lenta', necesitas pruebas concretas: CPU alta, long tasks, bloqueos de main thread o fuga de memoria.
En esta parte vas a interpretar trazas de Performance y snapshots de memoria para tomar decisiones con criterio pro ⚙️.
Si aún no controlas Network, repasa <a href="/curso/devtools/leccion/devtools-network-analisis-network">la lección de análisis de red</a> antes de perfilar.
Grabar sin escenario reproducible da ruido, no diagnóstico.
Define una acción concreta (ej: abrir modal, filtrar tabla, enviar formulario) y graba solo ese flujo.
Busca tareas largas, scripts costosos y repaints excesivos en timeline.
Si memoria sube sin bajar tras interacción repetida, hay sospecha fuerte.
Haz snapshots antes y después de varias iteraciones para comparar objetos retenidos.
Los listeners no limpiados y referencias globales son causas frecuentes de leak.
Registra perfiles de rendimiento, detecta long tasks y analiza consumo de memoria para evitar congelaciones y fugas.
Código del tema: Performance tab: detectar Long Tasks
Grabar sin escenario reproducible da ruido, no diagnóstico.
Define una acción concreta (ej: abrir modal, filtrar tabla, enviar formulario) y graba solo ese flujo.
Busca tareas largas, scripts costosos y repaints excesivos en timeline.
Si memoria sube sin bajar tras interacción repetida, hay sospecha fuerte.
Haz snapshots antes y después de varias iteraciones para comparar objetos retenidos.
Los listeners no limpiados y referencias globales son causas frecuentes de leak.
performance.mark('inicio');
// tarea costosa
performance.mark('fin');
performance.measure('bloque', 'inicio', 'fin');