Que sont les applications Web progressives et comment se comparent-elles aux applications natives ?

En tant qu’amateur de technologie, vous êtes probablement tombé sur un article mentionnant les applications progressives, à quel point elles sont formidables, qu’elles représentent l’avenir des applications et que tous les sites devraient en avoir une.

Mais, que sont exactement les applications progressives ? Les applications progressives ne sont pas entièrement différentes des applications web standard, mais il y a des concepts spécifiques que les développeurs doivent respecter.

Que sont les applications Web progressives ?

Les applications Web progressives (PWA) sont des applications web qui vivent dans votre navigateur et sont composées de CSS, HTML et JavaScript. Vous pouvez également considérer une PWA comme un croisement entre un site web mobile et une application. En d’autres termes, c’est un hybride.

Les PWA utilisent des technologies web modernes, et les développeurs peuvent créer des sites qui offrent à l’utilisateur une expérience similaire à celle d’une application mobile, tout en étant plus performants, plus sûrs et en se chargeant plus rapidement. Ce sont des sites web normaux mais qui ressemblent à une application pour les utilisateurs.

Ils utiliseront également les normes web les plus récentes et sont conçus pour fonctionner correctement et rapidement sur presque tous les navigateurs.

Les applications web progressives se chargeront également instantanément, peu importe la lenteur de votre connexion Internet. Vous pouvez même utiliser les applications s’il n’y a pas de connexion Internet, juste sans le contenu dynamique.

Comment utiliser une application Web progressive hors ligne

Pour utiliser une application progressive hors ligne, vous devrez activer certaines fonctionnalités expérimentales de Chrome. Tapez dans la barre d’adresse de Chrome les commandes suivantes : chrome://flags/#bypass-app-banner-engagement-checks

En bas, vous devriez voir le bouton “Relaunch Now”. Cliquez dessus et la prochaine fois que vous visiterez un site qui utilise des applications progressives, vous serez invité à l’installer.

Pour l’instant, les applications web progressives ne fonctionneront pas sur Safari/iOS. Cela signifie que vous ne pourrez pas profiter du mode hors ligne, des notifications push ni de l’installation sur l’écran d’accueil. Espérons qu’Apple adoptera bientôt les applications progressives.

Un exemple d’application web progressive est le site de Twitter. Il fait ce qu’une application web progressive devrait faire : il a une invite “Ajouter à l’écran d’accueil”, réduit la consommation de données et a un chargement presque instantané avec des scripts de service worker.

Sécurité des applications progressives

Puisqu’elles vivent dans votre navigateur, il n’est pas nécessaire d’avoir un magasin d’applications, et elles utiliseront toujours HTTPS pour la sécurité. Si un site ne fonctionne pas avec HTTPS, il ne peut pas être qualifié d’application progressive. Le site doit avoir un certificat SSL ou TLS installé dans le navigateur.

Une application progressive est prête pour n’importe quel appareil ; peu importe s’il s’agit d’un téléphone, d’une tablette, d’un ordinateur, etc. Étant donné que les applications progressives sont conçues sur un modèle shell, vous bénéficierez d’une navigation et d’interactions de style application.

Vous n’aurez pas à vous soucier d’utiliser une application obsolète puisque le processus de mise à jour du service worker maintiendra le contenu à jour. Les applications progressives peuvent facilement être partagées via URL, et vous pouvez facilement les garder sur votre écran d’accueil sans dépendre d’un magasin d’applications.

Elles peuvent également être ajoutées à votre écran d’accueil mobile et peuvent également envoyer des notifications push. Les applications web progressives sont également un avantage pour les entreprises qui les utilisent, car elles aident à réduire le temps et les coûts de maintenance.

Firefox a suivi l’exemple de Chrome, et avec Firefox 58, vous pourrez profiter des applications web progressives. Si vous tombez sur un site qui a un manifeste valide et qui est servi via HTTPS, vous devriez voir un badge dans la barre d’adresse.

Lorsque vous le sélectionnez, vous verrez un message disant “Ajouter à l’écran d’accueil”. Vous ne perdrez aucun progrès que vous avez réalisé sur un site si vous appuyez sur un lien externe lorsque vous lancez l’application depuis votre écran d’accueil.

PWAs vs. Applications natives

Les applications web progressives sont meilleures que les applications natives puisque les développeurs n’auront plus besoin de créer des applications pour plusieurs plateformes. Cela va faire gagner aux développeurs un temps et de l’argent considérables, sans parler des économies économiques également.

Les développeurs n’auront qu’à créer une seule application qui fonctionnera sur toutes les plateformes et appareils actuels. Avec les applications web progressives, vous n’avez pas besoin d’installer quoi que ce soit avant de les utiliser, contrairement aux applications natives.

Bien que les PWAs soient formidables, elles ont leurs inconvénients car elles sont encore relativement nouvelles. Par exemple, elles ont des capacités limitées lorsqu’il s’agit de s’intégrer aux fonctionnalités de votre tablette ou de votre smartphone.

Elles ne peuvent toujours pas s’intégrer à des fonctionnalités telles que Bluetooth, le capteur d’empreintes digitales, l’accéléromètre, ni NFC. Pour l’instant, les applications natives sont plus fiables que les PWAs, mais le temps dira comment cette histoire se termine.

Les PWAs et les applications natives ne sont pas si différentes l’une de l’autre. Par exemple, toutes deux sont lancées sur l’écran d’accueil et offrent une expérience web/interface utilisateur très similaire.

Les limitations des PWAs

Les applications web progressives sont censées être la prochaine grande chose, mais elles ont leurs inconvénients. Par exemple, elles ne fonctionnent pas sur tous les navigateurs tels que Edge, Safari, Internet Explorer et d’autres navigateurs personnalisés. Les PWAs fonctionnent sur les versions plus récentes de navigateurs tels que le navigateur Android de Samsung, Opera et Chrome.

La limitation affecte également les appareils, car tous ne peuvent pas les prendre en charge. Android prend en charge les PWAs, mais il y a quelques problèmes de support car c’est encore relativement nouveau.

iOS ne prend actuellement pas en charge les PWAs car il a des problèmes pour prendre en charge les notifications et les invites de raccourci sur l’écran d’accueil de l’appareil. Jusqu’à présent, Apple n’a pas officiellement annoncé s’il adoptera les PWAs ou non dans un avenir proche.

Si les connexions d’application croisées sont importantes pour vous, alors vous voudrez peut-être éviter les PWAs. Elles ne les prennent pas en charge car elles ne peuvent pas collecter de données de manière indépendante.

Conclusion

Les applications progressives sont encore relativement nouvelles, et il y a encore des entreprises qui s’ajustent ou du moins y réfléchissent. Elles sont définitivement l’avenir car elles ne feront qu’améliorer l’expérience mobile de l’utilisateur.

Pensez-vous que les applications progressives sont là pour rester, ou vont-elles disparaître ? Partagez vos pensées dans les commentaires.