Fermer

novembre 2, 2020

Performances de l'application Android – Native vs Flutter vs React Native


; Avant d'analyser les performances des applications Android développées à l'aide de frameworks de différence, ayons juste une idée rapide de ces frameworks.

Flutter est une boîte à outils de développement d'interface utilisateur open-source portable pour la création d'applications compilées en natif sur mobile, Web et bureau à partir d'une seule base de code.

Flutter a été créé et maintenu par Google. Google a annoncé la première version stable de Flutter lors du sommet Google I / O en décembre 2018.

Les applications Flutter utilisent son propre moteur de rendu et le langage de programmation Dart . Le moteur Flutter est écrit en C ++ et utilise la bibliothèque graphique de Google Skia .

Flutter Highlights

  • Base de code commune pour les applications mobiles, de bureau et Web
  • Hot Reload
  • Widgets Material Design et Cupertino pour différencier la conception de l'interface utilisateur de Google et Apple pour aider l'application Flutter à regarder et se comportent naturellement sur différentes plates-formes (Android, iOS, etc.), en imitant leurs composants natifs.

Avantage compétitif:

    • Excellentes performances natives
    • Expérience utilisateur améliorée par rapport à d'autres cadres de développement d'applications hybrides
    • Popularité accrue et communauté en croissance rapide
    • Bonne documentation avec le soutien de l'équipe de développement de Flutter
    • Ajout de plug-ins pour les plates-formes Windows et Linux
    • Difficile de battre le délai de mise sur le marché

Principales applications créées avec Flutter: [19659022] Google Ads, Alibaba's Xianyu. Cliquez ici pour en savoir plus .

React Native est un cadre de développement d'applications mobiles open-source utilisé pour créer des applications principalement pour les plates-formes Android et iOS.

Facebook a créé React Native et sa sortie initiale date de mars 2015.

Il utilise le fil JavaScript pour manipuler les composants natifs de l'interface utilisateur. Il prend en charge l'utilisation de codes natifs écrits avec Java / Kotlin pour Android et Objective-C / Swift pour iOS, ce qui le rend encore plus flexible.

React Native Highlights

  • Base de code commune pour les applications Android, iOS et Windows [19659012] Hot Reload
  • Les composants de l'interface utilisateur de l'application ressemblent exactement aux composants natifs car React Native les utilise en arrière-plan à l'aide du thread JS

Avantage concurrentiel:

    • Excellentes performances natives
    • De nombreux acteurs du marché à succès et de premier plan utilisent React Native [19659012] Communauté mature et vaste
    • Disponibilité des bibliothèques et des didacticiels
    • Réutilisation accrue du code

Principales applications créées avec React Native:

Facebook, Instagram, Skype . Pour en savoir plus cliquez ici .

Le développement d'applications Native Mobile a son propre inconvénient en termes de calendrier de développement, d'effort et de coût. Ces inconvénients ont fait place à l'évolution des frameworks de développement d'applications multiplateformes.

Les frameworks Flutter & React Native sont les plus populaires dans le développement d'applications mobiles car le nombre d'applications modernes créées à l'aide de ces frameworks augmente chaque jour ces derniers temps.

Scénario 1: ListView avec images réseau

ListView est implémenté dans native-android, flutter & react native. La liste contient 100 images uniques chargées à partir d'urls.

Bibliothèques utilisées:

 Capture d'écran 3

Inférence

  • La consommation de mémoire et les indications d'utilisation de la batterie montrent clairement que les performances de Flutter sont meilleures que React Native.
  • Utilisation du processeur of R eact Native est deux fois plus élevé que celui de Flutter et il est trop éloigné par rapport à Native.

    Scénario 2: Animations

    L'animation vectorielle est implémentée à l'aide de fichiers lottie.

    Bibliothèques utilisées:

    Heureusement Lottie est disponible pour Android Native, Flutter & React Natif.

     Capture d'écran 4

    Inférence

    • Du point de vue de l'utilisation du processeur et de la batterie, Flutter et React Native ont un avantage sur Android Native.
    • En même temps , La consommation de mémoire de Flutter et React Native est énorme par rapport à celle de Native.

      À partir des métriques dérivées, on peut conclure que React Native tente d'obtenir l'aspect et la convivialité natifs en utilisant le composant fourni par Android SDK, mais au prix d'une utilisation massive des ressources de la plate-forme. D'autre part, Flutter essaie de fournir la meilleure expérience utilisateur avec ses propres widgets en gérant efficacement les ressources de la plate-forme.




Source link