Retour aux cas pratiques
IonicExpert
Correction d’un problème de performance causé par change detection excessive
Scénario
Contexte : Une page affiche une grande liste dynamique avec calculs complexes. Le Problème : Chaque modification d’état déclenche recalcul complet de la vue, provoquant ralentissements. Extrait logique actuelle : <div *ngFor="let item of items"> {{ compute(item) }} </div> Contraintes : Utiliser ChangeDetectionStrategy.OnPush. Éviter fonctions lourdes dans template. Optimiser flux de données. Livrable attendu : Optimiser le composant afin d’améliorer significativement les performances de rendu.
Compétences ciblées
performancechange-detectionoptimizationangularionic