Depurar el rendimiento para aplicaciones web
Aprende a usar Chrome DevTools para depurar problemas de rendimiento web.
El framework de Flutter emite eventos de la línea de tiempo (timeline) a medida que trabaja para construir fotogramas, dibujar escenas y rastrear otras actividades como la recolección de basura (garbage collection). Estos eventos se exponen en el panel de rendimiento de Chrome DevTools para su depuración.
También puedes emitir tus propios eventos de la línea de tiempo utilizando las APIs Timeline y TimelineTask de dart:developer para un análisis de rendimiento más detallado.
Flags opcionales para mejorar el rastreo
#Para configurar qué eventos de la línea de tiempo se rastrean, establece cualquiera de las siguientes propiedades de nivel superior en true en el método main de tu aplicación.
- debugProfileBuildsEnabled: Añade eventos de
Timelinepor cadaWidgetconstruido. - debugProfileBuildsEnabledUserWidgets: Añade eventos de
Timelinepor cadaWidgetconstruido por el usuario. - debugProfileLayoutsEnabled: Añade eventos de
Timelinepor cada diseño (layout) deRenderObject. - debugProfilePaintsEnabled: Añade eventos de
Timelinepor cadaRenderObjectpintado.
Instrucciones
#- [Opcional] Establece cualquier flag de rastreo deseado en true desde el método main de tu aplicación.
- Ejecuta tu aplicación web de Flutter en modo profile.
- Abre el panel de rendimiento de Chrome DevTools para tu aplicación, y comienza a grabar para capturar eventos de la línea de tiempo.
A menos que se indique lo contrario, la documentación de este sitio refleja Flutter 3.44.0. Página actualizada por última vez el 2026-05-05. Ver código fuente oreportar un problema.