Les PWA combinent le meilleur du Web et des applications natives. Les entreprises mondiales l’ont adopté et ont obtenu des résultats impressionnants. Ce guide présente des exemples et des réussites avec les Progressive Web Apps.
Qu'est-ce que la PWA
Définition
Des sites qui se comportent comme des applications natives.
Fonctionnalités
- Installable sur l'écran d'accueil
- Fonctionne hors ligne
- Notifications poussées
- Expérience de l'application
Technologies
Travailleurs de service, manifeste d'application Web, HTTPS.
Histoires de réussite
Twitter léger
- Augmentation de 65 % du nombre de pages par session
- Augmentation de 75% des tweets
- Diminution de 20 % du taux de rebond
- 1 à 3 Mo d'application contre 25 Mo+ en natif
- +40% de temps sur place
- +44% de revenus publicitaires
- +60% d'engagement de base
- PWA a remplacé l'application dans les navigateurs
###Starbucks
- 99,84 % plus petit que l'application iOS
- 2x utilisateurs quotidiens
- Fonctionne hors ligne
- Commandes sans connexion
Uber
- Application principale de 50 Ko
- Connectivité 2G prise en charge
- Temps de chargement de 3s en 2G
- Marchés émergents
###Trivago
- +150% d'engagement
- +97% de clics pour les offres
- -50% de taux de rebond
###Forbes
- 43% de séances en plus
- 6x achèvement de l'article
- 20 % d'impressions publicitaires en plus
###Alibaba
- +76 % de conversions de navigateur
- 4x interactions via Ajouter à l'écran d'accueil
- 30 % d'utilisateurs actifs mensuels en plus
Commerce électronique
Flipkart
- 3x plus de temps sur le site
- Taux de réengagement 40 % plus élevé
- Conversion 70 % plus élevée de l'ajout à l'accueil
Lancôme
- +17% de conversions mobiles
- +53% de sessions mobiles iOS
- -15% de taux de rebond
###OLX
- +250% de réengagement en plus
- +80% de conversion
- -80% taille
Médias et actualités
Washington Post
- AMP + PWA
- 88 % d'amélioration du temps de chargement
- Augmentation de 23 % du nombre d'utilisateurs fidèles
Financial Times
- Première publication majeure à adopter
- Expérience semblable à celle d'une application
- Fonctionne hors ligne
Voyages et hospitalité
MakeMyTrip
- +3x conversions
- +160% de séances
- +30% de rétention
Wego
- +26% de conversions mobiles
- +95% de performances
- Notifications push efficaces
Fonctionnalités communes
Performances
Tout le monde était concentré sur la vitesse.
###Hors ligne
Cache de contenu essentiel.
###Installation
Ajouter à l’invite de l’écran d’accueil.
###Pousser
Réengagement via les notifications.
Marchés émergents
Beaucoup se sont concentrés sur les mauvaises connexions.
Indicateurs de réussite
Fiançailles
Temps, pages, actions.
###Conversions
Achats, inscriptions, leads.
Rétention
Utilisateurs connus.
Performances
Vitesse de charge.
###Taille
Économies de données.
Segments idéaux
Commerce électronique
Expérience d'achat mobile.
Actualités
Lecture hors ligne, notifications.
Voyage
Fonctionne en déplacement.
Livraison
Commandes rapides.
Productivité
Des outils légers.
Limites notées
###iOS
Moins de fonctionnalités qu'Android.
Appuyez sur iOS
Seulement récemment pris en charge.
Découverte
Ce n'est pas dans les principaux magasins d'applications.
Fonctionnalités natives
Certaines API indisponibles.
Quand PWA brille
Marchés émergents
Connexions lentes, appareils faibles.
Informatif
Contenu destiné à la consommation.
Transactionnel simple
Shopping, réservations.
Budget limité
Une base de code pour tout le monde.
Implémentation
Vérification
Phare pour vérifier les exigences.
Employé de service
Cache d’actifs et de données.
Manifeste d'application Web
Métadonnées pour l'installation.
HTTPS
Obligatoire.
Conclusion
Les PWA démontrent des résultats impressionnants dans des cas réels. Les entreprises qui ont investi ont constaté des améliorations significatives en termes d’engagement, de conversion et de performances. PWA est une option viable pour de nombreux cas d'utilisation.
##FAQ
1) PWA remplace l'application native ? Dans certains cas, oui. Pour d’autres, cela complète.
2) Quel cas est le plus impressionnant ? Twitter Lite et Starbucks sont des références fréquentes.
3) PWA fonctionne-t-il bien sur iOS ? C'est beaucoup amélioré, mais Android est toujours meilleur.
4) Ai-je besoin de connaissances particulières ? Les développeurs Web peuvent apprendre. Ce n'est pas si difficile.
5) PWA est-il bon pour mon entreprise ? Si cela a du sens sur le Web mobile, probablement oui.
A lire aussi
-Progressive Web App : Exemples et optimisation pour les entreprises