Dale St. Marthe
El panel Memory (Memoria) proporciona herramientas de diagnóstico que te permiten ver la distribución de memoria de objetos 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 Memory te permite capturar tres tipos de perfiles. Estos tipos de perfiles te muestran instantáneas desde diferentes perspectivas y proporcionan una utilidad variable:
- Instantánea del montón. Las instantáneas del montón muestran la distribución de la memoria entre los objetos de JavaScript de tu página y los nodos del DOM relacionados.
- Instrumentación de asignaciones en el cronograma: Los cronogramas de asignación muestran asignaciones de memoria de JavaScript instrumentadas a lo largo del tiempo. Una vez que hayas grabado un perfil, podrás seleccionar un intervalo de tiempo para ver los objetos que estaban asignados en él y que aún estaban activos al final de la grabación. Usa este tipo de perfil para aislar las fugas de memoria.
- Muestreo de asignación. Registra asignaciones de memoria mediante el método de muestreo. Este tipo de perfil tiene una sobrecarga de rendimiento mínima y se puede usar para operaciones de larga duración. Proporciona buenas aproximaciones de las asignaciones desglosadas por pila de ejecución 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
- Cómo grabar instantáneas de montón
- Herramienta de generación de perfiles de asignación
Cómo abrir el panel Memoria
Para abrir el panel Memory:
- Abre 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. Herramientas para desarrolladores muestra el panel Memoria en la parte superior de la ventana de Herramientas para desarrolladores.
Como alternativa, puedes abrir el panel Memory de las siguientes maneras:
- En la barra de acciones de la parte superior, haz clic en double_arrow Más paneles y selecciona Memoria en la lista desplegable.
- En la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > Memoria.