¿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

10 Frameworks que los Desarrolladores de Software deberían Aprender 2024

Bienvenidos desarrolladores web y de software, estamos en los inicios de 2023 y es posible que muchos se esten planteado sus objetivos para lo largo del año. Con anterioridad ya he compartidos las rutas de aprendizaje para un desarrollador front-end, un desarrollador full-stack o un desarrollador back-end entre otros muchos contenidos más. En este artículo, me gustaría compartir algunos de los mejores frameworks y bibliotecas para ¡SEGUIR LEYENDO!

15 Mejores Lenguajes de Programación que Aprender

Una de las habilidades más importantes para aprender en el mundo de hoy en día, es saber programar con un lenguaje de programación. En la actualidad, las computadoras han entrado en casi todas las industrias, desde el piloto automático de un avión hasta el velocímetro digital de una bicicleta pasando por la inclusión del Internet de las cosas en los pequeños electrodomésticos. Casi todo lo que ¡SEGUIR LEYENDO!

26 Nuevos Cursos GRATIS de Udemy: Python, Javascript, Flutter (cupón finalizado)

26 Nuevos cursos con cupones free de Udemy: En español (typescript,javascript, react, vue y videojuegos) e ingles (Python, Django, Javascript, R, SQL, Flutter, Java, Qt, Bootstrap, Illustrator y Photoshop). Cursos en Español ? Curso Gratis de Udemy: Aprende JavaScript y Jquery de 0 a 100 APÚNTATE ? Curso Gratis de Udemy: Aprende Typescript de 0 a 100 APÚNTATE ? Curso Gratis de Udemy: Aprende Vue + ¡SEGUIR LEYENDO!

¿Cuáles son las mejores alternativas para PhoneGap después de su cierre?

PhoneGap fue uno de los frameworks de código abierto más populares y utilizados para el desarrollo de aplicaciones web y móviles. Los desarrolladores usaban PhoneGap para crear aplicaciones de alto rendimiento. En algún momento, incluso, Phonegap alcanzo a ser la mejor herramienta para el desarrollo de aplicaciones multiplataforma. PhoneGap Build se lanzó hace mucho tiempo y fue un servicio utilizado para crear código fuente para iOS, ¡SEGUIR LEYENDO!

Curso de Programación Apps para Dispositivos Móviles con Flutter

Con este sitio web vas a poder comenzar a iniciarte tanto en Flutter como en la creación de tu primera aplicación con Flutter y Dart. ?‍? ENTRAR AL CURSO DE FLUTTER Estos apuntes han sido creados por el profesor de formación profesional Ángel Fernandez en el Centro Rodolfo Ucha Piñeiro de Ferrol. A lo largo del sitio web, vas a poder aprender a lo largo de ¡SEGUIR LEYENDO!

Más de 1.500 Libros PDF en Inglés de Desarrollo Web, Programación, Seguridad, Robótica, Blockchain, Domótica y Mucho Más

La mejor lista de libros sobre lenguajes de programación en inglés de todo Internet. https://ciberninjas.com/zlibrary/ Libros de Python / Libros PHP / Libros Java / Libros Diseño Meta Listas atariarchives.org atariarchives.org pone a disposición en la Web libros, información y software para Atari y otras computadoras clásicas. Bento Bitsavers.org Bookboon: se requiere cookie de TI y programación</. (requiere @email) DZone - Hojas de trucos (gratis) Conceptf1.blogspot.com ¡SEGUIR LEYENDO!

Comienza a programar APPS ARM con Windows Dev Kit 2023 de Microsoft

Con Microsoft finalmente haciendo que su versión Arm Windows esté disponible con Arm en sus tablets Surface Pro 9, hay una pregunta en el aire, ¿De dónde saldrán todas las aplicaciones Arm? Microsoft ha producido una respuesta de hardware liviana, relativamente económica pero poderosa y flexible con el Windows Dev Kit 2023, anteriormente conocida como proyecto Volterra. Windows Dev Kit 2023 administra las cargas de trabajo ¡SEGUIR LEYENDO!

Deja un comentario

Salir de la versión móvil