Dale St. Marthe
El panel Memoria proporciona herramientas de diagnóstico que te permiten ver la distribución de memoria de los objetos de JavaScript, descubrir y aislar fugas de memoria, obtener un desglose de la asignación de memoria por función y mucho más.
Descripción general
El panel Memoria te permite capturar cuatro tipos de perfiles. Estos tipos de perfiles te muestran instantáneas desde diferentes perspectivas y proporcionan diferentes utilidades:
- Captura de pantalla del montón: Muestra la distribución de la memoria entre los objetos de JavaScript de tu página y los nodos DOM relacionados.
- Instrumentación de asignaciones en el cronograma: Muestra las asignaciones de memoria de JavaScript instrumentadas a lo largo del tiempo. Una vez que se graba un perfil, puedes seleccionar un intervalo de tiempo para ver los objetos que estaban asignados en él y continuaban activos una vez terminada la grabación. Usa este tipo de perfil para aislar las fugas de memoria.
- Muestra de asignación: Registra las asignaciones de memoria con el método de muestra. Este tipo de perfil tiene sobrecarga mínima de rendimiento y se puede usar para operaciones de larga duración. Proporciona buenas aproximaciones de las asignaciones desglosadas por pila de ejecución de JavaScript.
- Elementos desconectados: Muestra los objetos que retiene una referencia de JavaScript.
Puedes seleccionar una instancia de VM de JavaScript para ejecutar cada uno de estos perfiles.
Para obtener más información, consulta:
- Cómo solucionar problemas de memoria
- Registra instantáneas de la pila
- Herramienta de generación de perfiles de asignación
Cómo abrir el panel Memory
Para abrir el panel Memoria, haz lo siguiente:
- Abre las Herramientas para desarrolladores.
- Para abrir el menú de comandos, presiona lo siguiente:
- En macOS: Command + Mayúsculas + P
- Windows, Linux y ChromeOS: Control+Mayúsculas+P
- Comienza a escribir
memory, selecciona Show Memory y presiona Intro. DevTools muestra el panel Memoria en la parte superior de la ventana de DevTools.
Como alternativa, puedes abrir el panel Memoria de las siguientes maneras:
- En la barra de acciones de la parte superior, haz clic en Más paneles y selecciona Memoria en la lista desplegable.
- En la esquina superior derecha, selecciona Más opciones > Más herramientas > Memoria.