Qu'est ce qu'une PWA ?

Une Progressive Web App (PWA) est une application web conçue pour offrir une expérience utilisateur similaire à celle d’une application native. Développée avec des langages web standards tels que HTML5, CSS3 et JavaScript, elle est accessible via un navigateur mobile et ne nécessite pas d’installation depuis un store.

Pourquoi le terme "Progressive" dans Progressive Web App ?

Le terme progressive fait référence à la capacité de l’application à s’adapter progressivement aux capacités du navigateur et de l’appareil de l’utilisateur. Ainsi, une PWA offre une expérience utilisateur de base sur tous les appareils, tout en améliorant cette expérience lorsque les fonctionnalités avancées sont disponibles.

Prenons l’exemple d’une application de commerce électronique. Une version de base de cette PWA pourrait permettre aux utilisateurs de parcourir les produits et de les ajouter à leur panier. À mesure que l’appareil de l’utilisateur ou son navigateur prend en charge des fonctionnalités plus avancées, comme les notifications push, la PWA s’adapte et offre ces options supplémentaires. Ainsi, un utilisateur sur un appareil plus récent avec un navigateur à jour pourrait profiter d’une expérience d’achat avec des notifications sur les promotions, tandis qu’un utilisateur sur un appareil plus ancien continue de bénéficier d’une expérience de navigation et de panier optimale.

Comment reconnaître une véritable Progressive Web App ?

• Sécurité : Utilisation obligatoire du protocole HTTPS pour garantir la sécurité des données.
• Performance : Chargement rapide des pages grâce à des stratégies de mise en cache efficaces.
• Fichier Manifest : Un fichier JSON qui fournit des métadonnées sur l’application, telles que le nom, la description, les icônes, etc.
• Workers : Services qui exécutent des tâches en arrière-plan.

Pourquoi adopter les PWA ?

• Compatibilité : Fonctionne sur toutes les versions de téléphones.
• Espace mémoire : Consomme moins d’espace que les applications natives Android/iOS.
• Distribution : Aucune soumission requise sur les App-Stores, réduisant ainsi les délais et les coûts.
• Développement : Une seule base de code pour toutes les plateformes, ce qui réduit les coûts de développement.
• Installation : Possibilité d’installer la PWA directement depuis un site web.
• Notifications : Capacité d’envoyer des notifications push sur les appareils.
• Référencement : Visibilité sur les moteurs de recherche comme un site web traditionnel.