Odisei Music

Objectif de la mission

Intervenir en tant qu'expert React Native sur l'optimisation des performances de l'application mobile, avec un focus prioritaire sur Android.

Contexte

Odisei Music, entre musique et e-commerce, propose une application mobile React Native à ses utilisateurs. Sur Android en particulier, certains écrans perdaient 40 à 50 % de leur frame rate, le passage entre deux onglets gelait l'interface, et les listes ralentissaient le chargement des écrans. La mission : intervenir en expert performance, mesures à l'appui, avec Android en priorité.

Approche

Chaque symptôme a d'abord été mesuré et reproduit : profiling des re-renders, du thread JS et de la mémoire sur appareils réels. Les écrans concernés ont été redécoupés en composants atomiques, les listes refondues avec Legend List, et le freeze au changement d'onglet éliminé. Résultat mesuré : 120 fps constants, CPU en baisse de 40 %, mémoire de 20 %.

Stack

Ce que j'ai livré

• Optimisation de certains écrans : suppression d'une chute de frame rate de 40 à 50 %, pour atteindre 120 fps constants sans décrochage.
• Navigation entre deux onglets : élimination complète du freeze au switch, qui provoquait jusqu'à 30 % de perte de frame rate.
• Refonte des listes avec Legend List : scrolls rapides fluides et temps de chargement des écrans fortement réduits.
• Consommation CPU réduite de 40 % et empreinte mémoire réduite de 20 %, avec un redécoupage des composants selon une approche atomique.

Notes liées à cette mission

• App React Native qui rame : les 8 causes→
• Ton app est lente, et ce n'est pas le réseau→
• Legend List vs FlashList : que choisir→
• Hermes V1 : la fuite mémoire des worklets→
• Le vrai coût des animations React Native→

Expertise liée

• Expert React Native freelance→
• Audit de performance React Native→