Les conseils pratiques des développeurs GoodBarber pour optimiser la vitesse de votre application

Lorsque vous créez une application via GoodBarber, un design est automatiquement appliqué à votre projet afin de ne pas partir de zéro. Ce design est sélectionné au hasard parmi un groupe de thèmes créé par notre équipe de design, en fonction de la catégorie de votre application. En tant que développeiur, Prêtez une attention particulière au design de ce template. Il suit des principes de design modernes et contribue donc à ce que votre application soit rapide. Si vous souhaitez personnaliser le template, restez proche de l’esprit de ce dernier, vous conserverez ainsi les avantages d’un design à la fois léger, puissant et élégant.
Si vous préférez personnaliser votre application à l'aide d'images d'arrière-plan ou d'autres éléments lourds, restez conscient des effets négatifs que cela peut avoir sur la vitesse de votre application.

Conseil pratique: Rester proche du concept léger du template. Tout est fait dans GoodBarber pour vous orienter dans cette direction. Prenez par exemple l’outil Global Style , il vous permet de personnaliser la couleur du thème, la typographie, les boutons ainsi que tous les autres éléments du design. Tous ces éléments de personnalisation sont conçus pour ne pas impacter négativement la vitesse de votre app.

Conseil pratique: Toujours utiliser une section de la meilleure manière et garder une structure très simple. N'oubliez pas que plus vous insérez de sections, plus l'affichage de votre application sur l'écran de l'utilisateur prendra du temps. Si vous utilisez des sections dans lesquelles vous pouvez afficher de nombreux éléments, mais que ces éléments ne s'affichent que lorsque cela est nécessaire, vous obtenez une application riche en contenu, mais très rapide à afficher.

Voici un récapitulatif rapide pour vous aider à choisir la bonne section:

• Section de contenu: article, video, carte, photo etc.

 Elles ont des paramètres légers et sont la solution idéale pour afficher un volume de contenu important.

• Section Menu:

C’est une section qui contient d’autres sections. Elle agit comme un élément de navigation dans l’application. C’est la raison pour laquelle, au niveau du design, elle contient de nombreux paramètres. Elle est très polyvalente. Faites-en bon usage. Si vous en utilisez beaucoup dans votre application, et si pour chacune d'entre elles, vous avez configuré une image d'arrière-plan au lieu d'une couleur unie pour accéder aux sous-sections, le poids sera très élevé. Prenez du recul et trouvez un moyen plus astucieux d’organiser votre application.
 

•    Sections HTML et Plugins

Ces sections font appels à des éléments du web en dehors de l’application elle-même. 
Les éléments web sont par nature plus lents que les composants natifs. Les composants natifs conversent directement avec le système d’exploitation, alors que les éléments web conversent avec le navigateur qui lui converse avec le système d’exploitation. Ils ajoutent un niveau de communication et rendent votre application native plus lente.

• Section A propos

Avec cette section, vous pouvez présenter une information. Comme la section Menu, elle est très polyvalente et les même concepts s’y appliquent.  

Lorsque vous envoyez votre application dans les Stores, le fichier binaire contient le design et le contenu qui ont été configurés au moment où vous cliquez sur le bouton «Compiler mon application» dans le backend. Ce sont les éléments de “pre-rendering”.
Le but principal de ces éléments de "pre-rendering" est de toujours afficher une version fonctionnelle de votre application sur l’appareil de l'utilisateur, même si l'application est lancée sans connexion Internet.
Une fois publiée dans les Stores, votre application va évoluer. Vous apporterez des modifications depuis votre backoffice: nouveau contenu, modifications du design, etc. 
C’est la que GoodBarber fonctionne de manière (presque) magique: pour 90% des modifications que vous apportez à votre application, les utilisateurs n’auront pas à télécharger une nouvelle version du fichier binaire. Ils recevront automatiquement ces dernières modifications.

Voici comment cela fonctionne: plusieurs fichiers de configuration sont générés par le serveur GoodBarber chaque fois que vous cliquez sur le bouton vert «Mettre à jour» dans le menu Publier> Mettre à jour> Journal 
Lorsque l'application est lancée sur l’appareil de l'utilisateur, elle demande aux serveurs GoodBarber si celle-ci a déjà téléchargé la version la plus récente de ces fichiers de configuration. So oui, l’application est lancée immédiatement, sinon le serveur informe l’application du différentiel entre ce qui est déjà disponible sur l’appareil et ce qui a été mis à jour sur le serveur. L'application télécharge et stocke ce delta pour une utilisation future et est lancée juste après. 
Avez vous déjà remarqué une barre blanche qui apparait de temps en temps sur le splashscreen de votre application?  Elle n'apparaît que lorsque l'application rattrape un delta dans les fichiers de configuration. Plus le différentiel est important, plus la mise à jour et le lancement de l'application sont longs (et plus la barre de progression est longue).

Maintenant que vous savez cela, comment pouvez-vous améliorer le temps de chargement de votre application?

Gardez à l'esprit que tous vos utilisateurs ont un delta différent. Les différences sont spécifiques à chaque utilisateur et dépendent de leur engagement avec votre application. Supposons que vous envoyiez de petites mise à jour tous les jours pendant un mois. Un utilisateur très engagé, quelqu'un qui lance votre application très souvent, téléchargera toujours de très petits deltas, car chaque jour, il téléchargera la différence avec la veille. L'application se lancera rapidement.
Une personne qui n’ouvre pas régulièrement votre application, disons pendant un mois, téléchargera toutes les modifications apportées depuis la dernière ouverture de l’application, ce qui rendra le lancement de l’application plus long que celui de l’utilisateur engagé.

Conseil pratique: 
 1/ Envoyez régulièrement de petites mise à jours au lieu de d’un grand nombre de modifications en une seule fois.
2/ Maintenez l’engagement de votre base d’utilisateurs. Les notifications push sont un bon outil pour y parvenir.

Prenons maintenant l’exemple ou cela fait 3 mois que vous envoyez de petites mises à jour quotidiennement. Comme nous l’avons expliqué précédemment, pour les utilisateurs engagés, tout se passe de manière fluide. Mais qu'advient-il des nouveaux utilisateurs, des personnes qui téléchargent votre application pour la première fois?
Souvenez-vous, lorsque vous avez compilé votre application, des éléments de “pre-rendering” ont été stockés dans le fichier binaire. Dans cet exemple, ces éléments datent de 3 mois. Lorsqu'un nouvel utilisateur va télécharger votre application depuis le Store et la lance, le delta à rattraper sera important. La première expérience de l’utilisateur ne sera pas bonne et il devra attendre un temps supplémentaire avant de pouvoir utiliser votre application.
Le meilleur moyen de résoudre ce problème est de recompiler votre application et soumettre un nouveau fichier binaire aux Stores. 
Il est bon également de se souvenir que:

• Les applications avec peu de mises à jour sont considérés de mauvaise qualité et donc mal classées. 
• L’équipe de développement travaille constamment à l’amélioration de la plate-forme GoodBarber: correction de bugs, ajout de nouvelles fonctionnalités, la mise à jour logicielle etc. Le bloc "Quoi de neuf" au bas de votre tableau de bord répertorie les mises à jour et les améliorations apportées par l'équipe technique de GoodBarber. Toutes les modifications indiquent clairement quelle zone est concernée: quelle section, native ou PWA, iOS ou Android, quelle fonctionnalité. Si vous n'êtes concernés par aucune des modifications, inutile de recompiler.

Conseil pratique: 
1/ Recompiler et soumettre une mise à jour de votre application si vous avez effectué beaucoup de modification depuis la dernière compilation. 
2/ Consulter la section "Quoi de neuf" du tableau de bord et recompiler lorsque des améliorations sont disponibles pour les sections que vous utilisez dans votre application.
3/ Nos développeurs recommandent de recompiler et de soumettre une mise à jour 3 à 4 fois par an.

De nos jours, les applications sont un excellent moyen d’atteindre votre public et de dynamiser votre entreprise. Mais si elles ne fonctionnent pas comme prévu ou si elles sont lentes vous risquez de perdre des utilisateurs. Il est essentiel de traiter rapidement les différentes raisons pour lesquelles votre application risque de perdre de la vitesse. En suivant les conseils de Sergio et de nos experts, votre application sera toujours au meilleur de sa performance.