1. L’objectif des 60 images par seconde (Budget de 16 ms)

Pour offrir une fluidité parfaite à l’œil humain, l’appareil mobile doit afficher chaque image en moins de 16,6 millisecondes. Tout dépassement de ce budget temporel entraîne une saccade visuelle perceptible appelée jank.

2. Utilisation de la suite Flutter DevTools

Ouvrez la suite d’analyse intégrée flutter run --profile et inspectez les métriques cruciales :

  • Timeline view : identifie si le ralentissement provient du thread UI (calcul Dart) ou du thread Raster (dessin GPU).
  • Widget rebuild tracker : débusque les widgets qui se redessinent inutilement alors que leur contenu n’a pas changé.
  • Memory profiler : détecte les fuites de mémoire provoquées par des contrôleurs ou écouteurs non détruits dans dispose().

3. Bonnes pratiques de conception haute performance

Utilisez systématiquement des constructeurs const pour vos widgets statiques afin de permettre à Flutter de réutiliser les mêmes instances immuables en mémoire sans réallocation.

Synthèse pédagogique : L’excellence technique d’une application mobile se ressent sous les doigts : un défilement parfaitement fluide est la marque d’un code optimisé.