PWA vs AMP : comment prendre la bonne décision ?

Les dernières statistiques ont confirmé qu'il y a 4,68 milliards d'utilisateurs mobiles qui surfent et explorent activement le Web. Il y a près de 3 ans, le trafic mobile dépassait pour la première fois le trafic des ordinateurs de bureau en revendiquant 51,3 % d'internautes comme utilisateurs d'appareils mobiles, et ce nombre n'a cessé d'augmenter. Autant ce terme flottait depuis la dernière décennie, c'est vraiment maintenant que l'ère Mobile-First a commencé.

Par conséquent, il ne sera pas surprenant de voir des organisations travailler d'abord pour fournir de meilleurs services et une meilleure expérience aux utilisateurs mobiles. Cependant, Google a sauté dans le train mobile il y a quelques années lorsque PWA et AMP ont été introduits.

PWA et AMP ont été conçus pour améliorer l'expérience Web d'un utilisateur tout en utilisant une plate-forme compatible avec les appareils mobiles. Mais les utilisateurs confondent souvent PWA et AMP.

Laissez-nous vous faire gagner du temps et vous aider à comprendre la différence entre PWA et AMP.

Qu'est-ce que la PWA ?

PWA signifie Progressive Web App , il est conçu pour donner aux utilisateurs l'apparence et l'expérience d'une application mobile en accédant à ses pages Web sur un navigateur.

En d'autres termes, PWA est une page Web optimisée pour fournir une fonctionnalité semblable à une application. De plus, PWA fonctionne lorsqu'une plate-forme ou ses services sont accessibles sur le Web mobile, mais sans installer son application mobile.

Comme mentionné, PWA se concentre sur la fourniture de fonctionnalités de type application. Ceci comprend:

• Transition plus rapide entre les pages
• Une interface complète de type application
• Possibilité d'envoyer des notifications push (nécessitant l'autorisation des utilisateurs)
• Accessibilité au contenu hors ligne, et plus encore.

Pour ceux qui ne connaissent pas le terme "PWA", nous avons ici un guide complet des PWA qui devrait répondre à tous vos besoins.

Nous avons déjà une application mobile, alors pourquoi avions-nous besoin d'applications Web progressives ?

Nous savons tous que les appareils mobiles permettent aux utilisateurs de télécharger des applications natives ‒ des applications depuis l'App Store ou Google Play , mais PWA est mieux . Pourquoi et comment ?

Andrew Gazdecki a répondu à la question dans un article de Forbes : « Les PWA sont plus efficaces que les applications natives . Ils fonctionnent à la demande et sont toujours accessibles, sans utiliser la mémoire ou les données précieuses d'un smartphone. En choisissant d'utiliser une PWA plutôt qu'une version native de la même application, les utilisateurs consomment moins de données. Cependant, cela ne signifie pas que les utilisateurs doivent sacrifier la commodité d'une application native. Ils peuvent toujours enregistrer la PWA sur leur écran d'accueil - elle peut être installée sans les tracas d'un vrai téléchargement.

Récemment, les applications mobiles natives les plus populaires que nous utilisons rendent leur plate-forme plus accessible à l'aide de PWA, en particulier les portails de commerce électronique et de médias sociaux.

 Lecture recommandée : Progressive Web App vs Native App : laquelle vous convient le mieux ?

À TON TOUR:

Pour les marchands Magento à la recherche d'une solution d'application Web progressive parfaite , ici, chez SimiCart, nous proposons un package complet pour vous et votre magasin. Explorez maintenant !

Ensuite, qu'est-ce que l'AMP ?

AMP ou Accelerated Mobile Page a été introduit par Google en 2015 pour créer des pages Web à chargement plus rapide pour les appareils mobiles. Google a ouvert le "projet AMP" pour aider les développeurs à créer ces pages Web.

Afin de créer des sites Web adaptés aux mobiles, le JavaScript inutile (en ligne) est supprimé. De plus, le CSS est limité à 50 Ko pour une utilisation en ligne et Google met en cache le contenu du site Web pour fournir une fonctionnalité de type CDN. Le composant Web AMP, entre autres fonctionnalités, fournit également une insertion JavaScript (limitée) dans le cadre de la bibliothèque AMP à l'aide de laquelle vous pouvez ajouter une animation à vos pages Web mobiles sans risquer de latence.

Dans le scénario actuel, AMP n'est plus limité aux sites Web. Il existe des publicités AMP, des e-mails AMP et même des histoires AMP. La version AMP de tout cela est conçue pour un rendu rapide sur les appareils mobiles.

« De nos jours, si ce n'est pas instantané, ce n'est pas assez rapide. Même la création la plus mémorable ne remplira pas son objectif si la publicité est lente et perturbe l'expérience utilisateur. » explique le site AMP.

Comme prévu pour les publicités, les publicités AMP maximisent le retour sur investissement en obtenant un meilleur CTR. Il a été prouvé qu'ils offrent la même chose. Triplelift - une entreprise de technologie publicitaire native, a vu une augmentation de 13% de ses revenus attribuée au chargement des publicités 6 fois plus rapide à l'aide des publicités AMP.

PWA vs AMP : les différences

AMP et PWA peuvent-ils être utilisés ensemble ?

Oui, AMP et PWA peuvent être utilisés ensemble pour offrir des expériences utilisateur élégantes. Voici à quoi cela ressemblera :

Tout d'abord, l'utilisateur recherche un service et un résultat compatible AMP apparaît sur son écran. Cela signifie qu'un site Web léger et pré-caché attend que l'utilisateur clique dessus. Une fois que l'utilisateur clique sur le site Web, les éditeurs peuvent engager l'utilisateur avec une page Web de type application (PWA) qui demande d'envoyer des notifications push. Cette page Web permet à l'utilisateur des fonctionnalités telles que :

• Navigation hors ligne du contenu et du service
• Transition fluide même pendant une connexion Internet lente
• Une expérience semblable à une application

Qu'est-ce qui nous empêche d'adopter cette idée ?

Eh bien, le principal défi est le développement. Alors que AMP fonctionne sur la règle d'utiliser uniquement HTML et CSS, et d'éviter complètement JavaScript (pour la plupart), les pages PWA sont conçues principalement à l'aide de service workers activés par JavaScript.

Cependant, cela peut être contré en créant des pages AMP séparées utilisées pour les SERP, après quoi le trafic est transféré vers la page PWA. Cela signifie que la page AMP peut être utilisée pour bien se classer sur les moteurs de recherche, et une fois que l'utilisateur clique pour ouvrir la page AMP, le navigateur lance la page PWA pour l'engagement et la rétention des utilisateurs.

Pour résumer

PWA et AMP sont des technologies différentes pour les téléphones mobiles. AMP est utilisé pour charger les pages Web plus rapidement et PWA est utilisé pour fournir l'apparence des applications natives, ce qui est très utile pour les sites de m-commerce.

Selon une étude d'Adobe, 40 % de leurs revenus provenaient des appareils mobiles du 1er novembre au 31 décembre 2018. Avec 10,5 % de trafic mobile entraînant des conversions, par opposition au trafic sur ordinateur où le taux de conversion était de 7,4 %, il est clair que les entreprises, petits et grands, devraient prendre leur audience mobile au sérieux et commencer à investir dans AMP, PWA et/ou les deux, en fonction de leurs besoins.

Enfin, les deux sont des outils puissants pour améliorer les performances du site et l'expérience utilisateur. Vous pouvez choisir l'une des deux technologies ou simplement mettre en œuvre les deux pour profiter du meilleur des deux. Le choix t'appartient.

Article recommandé : Les applications Web progressives (PWA) profitent-elles au référencement ? (Avec statistiques et exemples)