Comme nous l’avons dit dans notre article d’introduction sur les PWA celles-ci doivent faire en sorte de répondre à plusieurs piliers. Dans cet article nous allons nous concentrer sur les performances de chargement, ce qui signifie que votre application Web se charge rapidement.

La performance améliore la rétention des utilisateurs

Les utilisateurs s’attendent Ă  ce que les applications se chargent rapidement et Ă  faire dĂ©filer en douceur. Malheureusement, le Web a mauvaise rĂ©putation, surtout sur mobile.

Nous voulons que les utilisateurs interagissent de manière significative avec ce que nous construisons. Si c’est un blog, nous voulons que les gens lisent des messages. Si c’est un magasin en ligne, nous voulons acheter des choses. S’il s’agit d’un rĂ©seau social, nous souhaitons qu’ils interagissent les uns avec les autres.

La performance joue un rôle majeur dans le succès de toute entreprise en ligne. Voici quelques cas qui montrent comment les sites hautement performants engagent et fidélisent les utilisateurs mieux que les sites peu performants :

  • Pinterest a augmentĂ© le trafic sur les moteurs de recherche et les inscriptions de 15% après avoir rĂ©duit les temps d’attente perçus de 40%.
  • COOK a augmentĂ© le nombre de conversions de 7%, rĂ©duit les taux de rebond de 7% et augmentĂ© de 10% le nombre de pages par session lorsque le temps de chargement moyen des pages a Ă©tĂ© rĂ©duit de 850 millisecondes.

Pour avoir une idĂ©e approximative de la performance de votre site par rapport Ă  vos concurrents, consultez l’outil Mobile Speed Test

La performance améliore la conversion

Maintenant, ce n’est pas simplement Ă©sotĂ©rique. Nous savons tous que le temps, c’est de l’argent. Ce graphique montre Ă  quel point c’est vrai.

En bref, la vitesse tue !

Si vous exploitez une entreprise sur le Web, les performances sont essentielles. Si l’expĂ©rience de l’utilisateur sur votre site est rapide et rĂ©active, vous ne pourrez que bien vous en servir. Pour connaĂ®tre l’impact potentiel des performances sur vos revenus, consultez l’outil de calcul d’impact.

Après trois secondes,

53%

des utilisateurs abandonneront un site

La performance impacte Ă©galement l’UX (l’expĂ©rience utilisateur)

Lorsque vous accĂ©dez Ă  une URL, vous le faites Ă  partir d’un nombre quelconque de points de dĂ©part potentiels. En fonction d’un certain nombre de conditions, telles que la qualitĂ© de la connexion et le pĂ©riphĂ©rique que vous utilisez, votre expĂ©rience peut ĂŞtre diffĂ©rente de celle d’un autre utilisateur.

Voici une comparaison de deux enregistrement du chargement d’une page. Le premier montre un chargement de page sur une connexion lente, tandis que la seconde montre le mĂŞme chargement de page sur une connexion rapide.

Comparaison du chargement de pages sur une connexion très lente (en haut) et une connexion plus rapide (en bas).
Lorsqu’un site commence Ă  se charger, les utilisateurs attendent que le contenu apparaisse. Jusqu’Ă  ce que cela se produise, il n’y a aucune expĂ©rience utilisateur Ă  proprement parler. Ce manque d’expĂ©rience est fugace sur les connexions rapides. Sur les connexions plus lentes, les utilisateurs sont obligĂ©s d’attendre. De plus les utilisateurs peuvent rencontrer davantage de problèmes Ă  mesure que les ressources de la page se rĂ©pandent lentement.

La performance est un aspect fondamental d’une bonne expérience utilisateur.

Vue d’ensemble des performances de la page, telle que vue dans l’outil Lighthouse.

Lorsque les sites envoient beaucoup de code, les navigateurs doivent utiliser les mĂ©gaoctets du forfait de data de l’utilisateur pour tĂ©lĂ©charger le code. Les appareils mobiles ont une puissance de calcul et une mĂ©moire limitĂ©es. Ils sont souvent submergĂ©s par ce que nous pourrions considĂ©rer comme une petite quantitĂ© de code non optimisĂ©. Cela crĂ©e des performances mĂ©diocres qui conduisent Ă  une absence de rĂ©ponse. Sachant ce que nous savons sur le comportement humain, les utilisateurs ne tolĂ©rons pas longtemps les applications peu performantes avant de les abandonner.

La performance impacte les utilisateurs

Les sites et les applications peu performants peuvent également engendrer des coûts réels pour les utilisateurs.

Étant donné que les utilisateurs de mobiles continuent de représenter une part importante des utilisateurs d’Internet dans le monde, il est important de garder à l’esprit que nombre de ces utilisateurs accèdent au Web par le biais des réseaux de téléphonie mobile LTE, 4G, 3G et même 2G.

Les appareils mobiles et l’accès Ă  Internet ne sont plus un luxe. Ce sont des outils communs nĂ©cessaires pour naviguer et fonctionner dans un monde de plus en plus interconnectĂ©.
La taille totale de la page augmente rĂ©gulièrement depuis au moins 2011 et la tendance semble se poursuivre. Comme la page type envoie plus de donnĂ©es, les utilisateurs doivent reconstituer plus souvent leurs plans de donnĂ©es mesurĂ©es, ce qui leur coĂ»te de l’argent.

Vous mettez-vous Ă  la place de vos utilisateurs ?

En plus d’Ă©conomiser de l’argent pour vos utilisateurs, une expĂ©rience utilisateur rapide et lĂ©gère peut Ă©galement s’avĂ©rer cruciale pour les utilisateurs en crise. Les ressources publiques telles que les hĂ´pitaux, les cliniques et les centres de crise disposent de ressources en ligne qui fournissent aux utilisateurs des informations importantes et spĂ©cifiques dont ils ont besoin pendant une crise. Bien que le design joue un rĂ´le central dans la prĂ©sentation efficace d’informations importantes dans les moments difficiles, il est important de ne pas minimiser l’importance de la fourniture rapide de ces informations. Cela fait partie de notre travail.

Et maintenant quelles sont les prochaines Ă©tapes ?

Lorsque les sites envoient beaucoup de code, les navigateurs doivent utiliser les mĂ©gaoctets du forfait de data de l’utilisateur pour tĂ©lĂ©charger le code. Les appareils mobiles ont une puissance de calcul et une mĂ©moire limitĂ©es. Ils sont souvent submergĂ©s par ce que nous pourrions considĂ©rer comme une petite quantitĂ© de code non optimisĂ©. Cela crĂ©e des performances mĂ©diocres qui conduisent Ă  une absence de rĂ©ponse. Sachant ce que nous savons sur le comportement humain, les utilisateurs ne tolĂ©rons pas longtemps les applications peu performantes avant de les abandonner.

Tout ce que vous pouvez faire pour améliorer les performances sera utile pour vos utilisateurs.

Rendez-vous dans notre prochain article pour dĂ©couvrir le second pilier des PWA : l’intĂ©gration