Mejorar el rendimiento de renderizado

Renderizar animaciones en tu aplicación es uno de los temas de interés más citados cuando se trata de medir el rendimiento. Gracias en parte al motor Skia de Flutter y su capacidad para crear y descartar widgets rápidamente, las aplicaciones de Flutter son eficientes por defecto, por lo que solo necesitas evitar los errores comunes para lograr un rendimiento excelente.

Si ves animaciones con saltos (no fluidas), asegúrate de que estás analizando el rendimiento con una aplicación compilada en modo profile. La compilación por defecto de Flutter crea una aplicación en modo debug, lo cual no es indicativo del rendimiento en producción. Para obtener más información, consulta los modos de compilación de Flutter.

Un par de errores comunes:

• Reconstruir mucha más interfaz de usuario (UI) de la esperada en cada fotograma. Para rastrear las reconstrucciones de widgets, consulta Mostrar datos de rendimiento.
• Construir una lista grande de hijos directamente, en lugar de utilizar un ListView.

Para obtener más información sobre cómo evaluar el rendimiento, incluyendo información sobre errores comunes, consulta los siguientes documentos:

• Buenas prácticas de rendimiento
• Profiling de rendimiento de Flutter

¿Ves saltos (jank) perceptibles en tu aplicación móvil, pero solo en la primera ejecución de una animación? Para evitar esto, asegúrate de utilizar el renderizador gráfico por defecto de Flutter, Impeller.

La siguiente serie de artículos cubre lo que aprendió el equipo de Flutter Material al mejorar el rendimiento de la aplicación Flutter Gallery en la web:

• Optimización del rendimiento en aplicaciones web de Flutter con tree shaking y carga diferida
• Mejorar el rendimiento percibido con marcadores de posición de imagen (placeholders), precarga (precaching) y transiciones de navegación desactivadas
• Construir widgets de Flutter de alto rendimiento