Uso de la instrumentación de asignación en la escala de tiempo

En la herramienta Memoria , use el botón de radio Instrumentación de asignación en la escala de tiempo para buscar objetos que no se recopilen correctamente como elementos no utilizados y continuar conservando la memoria.

Funcionamiento de la instrumentación de asignación en la escala de tiempo

La instrumentación de asignación en la escala de tiempo combina la información detallada de instantáneas del generador de perfiles de montón con la actualización incremental y el seguimiento de la herramienta rendimiento . De forma similar, el seguimiento de la asignación de montón para objetos implica iniciar una grabación, realizar una secuencia de acciones y detener la grabación para su análisis.

La instrumentación de asignación en la escala de tiempo toma instantáneas de montón periódicamente a lo largo de la grabación (con tanta frecuencia como cada 50 ms) y una instantánea final al final de la grabación.

Instrumentación de asignación en la escala de tiempo

El número después de @ es un identificador de objeto que persiste en las varias instantáneas tomadas durante la sesión de grabación. El identificador de objeto persistente permite una comparación precisa entre los estados del montón. Los objetos se mueven durante las recolecciones de elementos no utilizados, por lo que no tiene sentido mostrar la dirección de un objeto.

Habilitación de la instrumentación de asignación en la escala de tiempo

Para empezar a usar la instrumentación de asignación en la escala de tiempo:

  1. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

  2. En DevTools, en la barra de actividad, seleccione la pestaña Memoria . Si esa pestaña no está visible, haga clic en el botón Más herramientas (icono Más herramientas).

  3. Seleccione el botón de radio Instrumentación de asignación en la escala de tiempo .

  4. Iniciar grabación.

El generador de perfiles de asignaciones de montón de registros:

Registre el generador de perfiles de asignaciones de montón. Use el botón de radio

Leer una escala de tiempo de asignación de montón

La escala de tiempo de asignación del montón muestra dónde se crean los objetos e identifica la ruta de acceso de retención. En la ilustración siguiente, las barras de la parte superior indican cuándo se encuentran nuevos objetos en el montón.

El alto de cada barra corresponde al tamaño de los objetos asignados recientemente y el color de las barras indica si esos objetos siguen vivos o no en la instantánea final del montón. Las barras azules indican objetos que todavía están activos al final de la escala de tiempo, las barras grises indican los objetos que se asignaron durante la escala de tiempo, pero que desde entonces se han recopilado como elementos no utilizados.

Instrumentación de asignación en la instantánea de escala de tiempo

Puede usar los controles deslizantes de la escala de tiempo anterior para acercar esa instantánea determinada y revisar los objetos que se asignaron recientemente en ese momento:

Acercar la instantánea

Al hacer clic en un objeto específico del montón se muestra el árbol de retención en la parte inferior de la instantánea del montón. El examen de la ruta de acceso de retención al objeto debe proporcionar información suficiente para comprender por qué no se recopiló el objeto y debe realizar los cambios de código necesarios para quitar la referencia innecesaria.

Visualización de la asignación de memoria por función

Puede ver la asignación de memoria por función de JavaScript. Consulte Investigación de la asignación de memoria por función.

Nota:

Las partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y usadas según los términos descritos en la licencia internacional creative Commons Attribution 4.0. La página original se encuentra aquí y está creada por Meggin Kearney (Escritor técnico).

Licencia de Creative Commons Esta obra está licenciada bajo una Licencia Internacional Creative Commons Attribution 4.0.