Descripción general del panel de memoria

Dale St. Marthe
Dale St. Marthe

El panel Memory proporciona herramientas de diagnóstico que te permiten ver la distribución de memoria de los 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 muestran instantáneas desde diferentes perspectivas y proporcionan varias utilidades:

  • 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 DOM relacionados.
  • Instrumentación de asignación en el cronograma: Los cronogramas de asignación muestran asignaciones de memoria de JavaScript instrumentadas a lo largo del tiempo. Después de grabar un perfil, puedes seleccionar un intervalo de tiempo para ver los objetos que estaban asignados en él y que siguen 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 con 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 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 abrir el panel Memoria

Para abrir el panel Memory, haz lo siguiente:

  1. Abre Herramientas para desarrolladores.
  2. Para abrir el menú Comando, presiona lo siguiente:
    • macOS: Comando + Mayúsculas + P
    • Windows, Linux y ChromeOS: Control + Mayúsculas + P Menú de comandos con
  3. 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 (More panels) y selecciona Memoria (Memory) en la lista desplegable.
  • En la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > Memoria.