¿Cómo usar la vista de memoria de DevTools con Flutter?

A continuación sigue la guía de uso sobre las herramientas de desarrollo para Flutter, en este caso vamos a conocer la vista de memoria.

¿Qué es la vista de memoria de DevTools?

Los objetos Dart asignados creados usando un constructor de clase (por ejemplo, usando new MyClass() o MyClass() ) viven en una porción de memoria llamada el montón.

El panel de memoria de DevTools le permite ver cómo un aislado está utilizando la memoria en un momento dado. Este panel, usando Instantánea y Restablecer, puede mostrar los recuentos de acumuladores. Los acumuladores se pueden usar para estudiar la tasa de asignaciones de memoria, si sospecha que su aplicación está perdiendo memoria o tiene otros errores relacionados con la asignación de memoria.

La creación de perfiles de memoria consta de cuatro partes, cada una de las cuales aumenta su granularidad:

  • Cuadro de resumen de memoria
  • Cronología del evento
  • Clases de instantáneas
  • Instancias de clase

    Nota: Use el modo de perfil cuando ejecute su aplicación para analizar el rendimiento. El uso de la memoria no es indicativo del rendimiento de la versión a menos que su aplicación se ejecute en modo de perfil. En general, el uso de la memoria es bastante preciso, en términos relativos, entre los modos de depuración, liberación o perfil. El modo de perfil puede mostrar un uso de memoria absoluto más alto porque se crea un aislamiento de servicio para perfilar su aplicación. Este aislamiento no existirá en el modo de lanzamiento. La memoria absoluta utilizada también podría ser mayor en el modo de depuración frente a liberación. En el modo de lanzamiento, el trabajo puede calcularse y optimizarse con anticipación, mientras que en el modo de depuración ese mismo trabajo podría calcularse en tiempo de ejecución, lo que requiere más información.

Anatomía de la memoria

Use un gráfico de series de tiempo para visualizar el estado de la memoria de Flutter en intervalos de tiempo sucesivos. Cada punto de datos en el gráfico corresponde a la marca de tiempo (eje x) de las cantidades medidas (eje y) del montón, por ejemplo, uso, capacidad, externo, recolección de basura y tamaño de conjunto residente.

Captura de pantalla de una página de anatomía de la memoria

  • Leyenda

Todas las medidas recopiladas con respecto a la memoria. Al hacer clic en el nombre de una leyenda, se ocultan o muestran esos datos.

  • Selector de rango

Todos los datos de memoria recopilados (series de tiempo). La izquierda / primera vez / datos (información de memoria), en el selector, es cuando se inició la aplicación. El tiempo / datos más a la derecha o la última es la información de memoria continua que se recibe (en vivo) hasta que se detiene la aplicación.

  • Vista del selector de rango

Vista detallada de los datos recopilados para este rango de series de tiempo (área no gris).

  • Marca de tiempo del eje X

Hora de la información de memoria recopilada (capacidad, usada, externa, RSS (tamaño de conjunto residente) y GC (recolección de basura).

  • Desplazar información de datos recopilados

En un momento particular (eje x) los datos de memoria recopilados detallados.

  • Recolección de basura ocurrió

Se produjo compactación del montón.

  • Cronología del evento

Cuando se produjo una acción del usuario (como hacer clic en el botón Instantánea o Restablecer).

  • Instantánea

Mostrar una tabla de objetos de memoria activa actuales (consulte Clases de instantáneas ).

  • Restablecer acumulador

Restablezca los valores, a cero, en la columna Acumulador en la tabla de clases Snapshot.

  • Clases de filtrado

?‍♂️ PENDIENTE

  • Clases de instantáneas

Al hacer clic en el botón Instantánea (área superior derecha) se muestra una tabla de objetos de memoria actuales. Los objetos de memoria se pueden ordenar por nombre de clase, tamaño, instancias asignadas, etc.

  • El acumulador cuenta desde el reinicio

Al hacer clic en el botón Restablecer (área superior derecha) se restablece el recuento de instancias acumuladas. Al hacer clic en Instantánea después de un reinicio, se muestra el número de instancias nuevas asignadas desde el último reinicio. Esto es útil para encontrar pérdidas de memoria.

  • Instancias de clase

Al hacer clic en una clase en la tabla de clases Snapshot, se muestra el número de instancias activas para esa clase.

  • Inspeccionar el contenido de una instancia

?‍♂️ PENDIENTE

  • Total de objetos activos y clases en el montón

Clases totales asignadas en el montón y objetos totales (instancias) en el montón.

Cuadro de resumen de memoria

Captura de pantalla de la tabla de memoria básica

Este gráfico es un gráfico de series de tiempo para ayudar a visualizar el estado del montón en varios puntos en el tiempo.

El eje x del gráfico es una línea de tiempo de eventos (series de tiempo). En otras palabras, muestra el estado sondeado de la memoria cada 500 ms. Esto ayuda a dar una apariencia en vivo del estado de la memoria a medida que se ejecuta la aplicación. Las cantidades trazadas en el eje y son (de arriba a abajo):

  • Capacidad

Capacidad actual del montón.

  • GC

GC (recolección de basura) ha ocurrido. Para obtener más información sobre cómo Dart realiza la recolección de basura, vea No tema al recolector de basura.

  • Usado

Objetos (objetos Dart) en el montón.

  • Externo

Memoria que no está en el montón de Dart pero que todavía es parte de la huella de memoria total. Los objetos en la memoria externa serían objetos nativos (por ejemplo, de una memoria leída de un archivo o una imagen decodificada). Los objetos nativos se exponen a la máquina virtual Dart desde el sistema operativo nativo (como Android, Linux, Windows, iOS) utilizando un integrador Dart. El insertador crea un contenedor Dart con un finalizador, lo que permite que el código Dart se comunique con estos recursos nativos. Flutter tiene un integrador para Android e iOS. Para obtener más información, consulte Dart on the Server o Custom Flutter Engine Embedders

Captura de pantalla de la tabla de tamaño de conjunto residente

Para ver RSS (tamaño de conjunto residente), haga clic en el nombre del RSS ubicado en la leyenda.

  • El tamaño del conjunto residente muestra la cantidad de memoria para un proceso. No incluye la memoria que se intercambia. Incluye memoria de bibliotecas compartidas que se cargan, así como toda la memoria de pila y montón.

Para obtener más información, vea Dart VM internos.

Cronología del evento

Captura de pantalla de eventos DevTools

Este gráfico muestra los eventos de DevTools (como los clics de los botones Instantánea y Restablecer) en relación con la línea de tiempo del gráfico de memoria. Al pasar el cursor sobre los marcadores en la línea de tiempo del evento, se muestra la hora en que ocurrió el evento. Esto ayuda a identificar cuándo podría haber ocurrido una pérdida de memoria en la línea de tiempo (eje x).

Captura de pantalla de la línea de tiempo del evento.

Al hacer clic en el botón Instantánea, se muestra el estado actual del montón con respecto a todas las clases activas y sus instancias. Cuando se presiona el botón Restablecer , el acumulador para todas las clases se restablece a cero. El restablecimiento está vinculado temporalmente, utilizando una barra horizontal azul tenue, a la instantánea anterior. Al hacer clic nuevamente en el botón Restablecer, se restablecen los acumuladores desde el último restablecimiento y se vincula temporalmente el último restablecimiento al restablecimiento anterior.

Clases de instantáneas

Captura de pantalla de las clases de instantáneas

Este panel muestra las clases asignadas en el montón, instancias totales, bytes totales asignados y un acumulador de asignaciones desde el último reinicio.

  • Talla

Cantidad total de memoria utilizada por los objetos actuales en el montón.

  • Contar

Número total de objetos actuales en el montón.

  • Acumulador

Número total de objetos en el montón desde el último reinicio.

  • Clase

Un agregado de los objetos asignados a esta clase. Al hacer clic en el nombre de una clase, se muestra una lista de instancias de clase.

Instancias de clase

Muestra una lista de instancias de clase por su nombre de identificador. [?‍♂️ PENDIENTE: agregue un enlace para inspeccionar los valores de datos.]

Acciones de memoria

Captura de pantalla de las clases de instantáneas

Vivacidad de la tabla de resumen de memoria

  • Pausa

Pause el cuadro de resumen de memoria para permitir la inspección de los datos actualmente trazados. Los datos de la memoria entrante todavía se reciben; observe que el selector de rango continúa creciendo hacia la derecha.

  • Currículum

El cuadro de resumen de memoria está en vivo y muestra la hora actual y los últimos datos de memoria recibidos.

Administrar los objetos y las estadísticas en el montón

  • Instantánea

Devuelve la lista de clases activas en el montón. La columna Acumulador muestra el número de objetos asignados desde el reinicio anterior.

  • Reiniciar

Reduce a cero la columna Acumulador en la tabla de clases de instantáneas y actualiza los datos mostrados.

  • Filtrar

La tabla de clases de Instantánea muestra clases del conjunto de paquetes seleccionados.

  • GC

Inicia una recolección de basura.

Glosario de términos de VM

Estos son algunos conceptos informáticos que lo ayudarán a comprender mejor cómo su aplicación utiliza la memoria.

  • Recolección de basura (GC)

GC es el proceso de buscar en el montón para localizar y recuperar regiones de memoria “muerta”, memoria que ya no está siendo utilizada por una aplicación. Este proceso permite que la memoria se reutilice y minimiza el riesgo de que una aplicación se quede sin memoria, lo que hace que se bloquee. La recolección de basura se realiza automáticamente por Dart VM. En DevTools, puede realizar la recolección de basura a pedido haciendo clic en el botón GC.

  • Montón

Los objetos Dart que se asignan dinámicamente viven en una porción de memoria llamada montón. Un objeto asignado desde el montón se libera (elegible para la recolección de basura) cuando nada lo señala o cuando la aplicación finaliza. Cuando nada apunta a un objeto, se considera muerto. Cuando un objeto es señalado por otro objeto, es en vivo.

  • Aislamientos

Dart admite la ejecución concurrente a través de aislamientos, que puede pensar en procesos sin la sobrecarga. Cada aislamiento tiene su propia memoria y código que no puede verse afectado por ningún otro aislamiento. Para obtener más información, vea The Event Loop and Dart.

  • Pérdida de memoria

Se produce una pérdida de memoria cuando un objeto está vivo (lo que significa que otro objeto apunta a él), pero no se está utilizando (por lo que no debería tener ninguna referencia de otros objetos). Tal objeto no se puede recolectar basura, por lo que ocupa espacio en el montón y contribuye a la fragmentación de la memoria. Las pérdidas de memoria ejercen una presión innecesaria sobre la máquina virtual y pueden ser difíciles de depurar.

  • Máquina virtual (VM)

La máquina virtual Dart es un software que ejecuta directamente el código Dart.

Guía DevTools

? ¿Qué es DevTools?? ¿Cómo instalar DevTools?? ¿Cómo usar el inspector de DevTools?? ¿Cómo usar la línea de tiempo de DevTools?? ¿Cómo usar la vista de memoria de DevTools?

{: .btn .btn–light-outline .btn–large} ? ¿Cómo usar la vista de rendimiento de DevTools? ? ¿Cómo usar el depurador de DevTools? ? ¿Cómo usar la vista de registro de DevTools? ? Guía Flutter?

Relacionados

? Cursos en Español? Ejemplos de Aplicaciones⚓ Documentación en Español

Fuente: Salvo que se indique lo contrario, este trabajo está licenciado bajo una licencia internacional Creative Commons Attribution 4.0 y los ejemplos de código están licenciados bajo la licencia BSD. Creado por Flutter Oficial

Relacionado

The best Udemy courses in August, only for 9.99 $

Los mejores cursos en inglés y en oferta, hasta el día 27. Los cursos incluidos aquí son todos en inglés. Revisa por aquí, entre los mejores cursos en oferta de Udemy de Agosto en español, si lo que deseas son cursos en español. Si por desgracia, no tienes la oportunidad de acceder a comprar alguno de los excelentes cursos que te mostraré a continuación. Siempre puedes ¡SEGUIR LEYENDO!

Se lanza Dart 2.12: Seguridad nula e interoperabilidad C

Junto al lanzamiento de Flutter 2.0, Google también está lanzando una nueva versión del lenguaje de programación Dart: Dart 2.12. En caso de que aún no lo supieras, Dart es el lenguaje que usa Flutter. Es un lenguaje basado en TypeScript, pero que viene con algunas funciones adicionales del lenguaje, incluidas las que se intentará repasar a continuación. Seguridad Nula La seguridad nula es una característica ¡SEGUIR LEYENDO!

Se anuncia el kit de desarrollo Flutter Alpha para su uso en Windows

Nuestra misión es proporcionar a los desarrolladores un framework de código abierto y de alta productividad para crear aplicaciones nativas hermosas en cualquier plataforma. Hasta ahora, hemos enviado soporte de calidad de producción para Android e iOS, con ocho versiones estables y más de 100,000 aplicaciones enviadas solo a Google Play Store. Continuamos ampliando nuestro enfoque para incluir otras plataformas, incluidas web, macOS y Linux. Hoy, ¡SEGUIR LEYENDO!

Nueva Versión Estable de Flutter 2: Mejoras para los Desarrolladores

Nuevos cambios en el SDK de Flutter 2, visto desde el punto de vista de un desarrollador. A continuación, vamos a ojear algunas de las nuevas mejoras que el SDK de Flutter 2 va a permitir implementar a todos los creadores de aplicaciones de Flutter, de aquí en adelante. Agregado de enlaces Los hipervínculos, son una parte fundamental para la forma en la que los usuarios ¡SEGUIR LEYENDO!

Nueva versión de Dart: 2.10, unificando las herramientas de líneas de comandos

Ve la luz, una nueva versión del lenguaje de programación Dart. La versión 2.10. Esta nueva versión presenta una nueva herramienta de desarrollo Dart unificada: Una herramienta única para todas las necesidades del desarrollador, como crear proyectos, analizar y formatear código, ejecutar pruebas y compilar aplicaciones. También una actualización sobre la hoja de ruta y los cronogramas de seguridad nula, y una discusión de los principios ¡SEGUIR LEYENDO!

Deja un comentario