Progressive Web Apps (PWA)
Certains liens de cette page sont des liens d'affiliation : nous pouvons toucher une commission, sans surcoût pour vous. En savoir plus
Une PWA combine le meilleur des deux mondes : la portée du web et les réflexes d’une application. Elle évite les stores, réduit le coût et se déploie en continu. En contrepartie, elle reste une application web et n’exploite pas tout le potentiel matériel du téléphone.
Quand la PWA suffit
Elle convient très bien aux médias, boutiques en ligne, catalogues, espaces clients et services internes consultés régulièrement. La possibilité de la faire fonctionner hors connexion est un vrai atout dans les zones où le réseau est irrégulier.
Quand le natif reste nécessaire
Pour les jeux, les applications de livraison avec géolocalisation en arrière-plan, les produits qui reposent sur la caméra ou le Bluetooth, et les services dont la présence sur les stores est un argument de confiance, une application native reste le bon choix.
Le vrai enjeu : l’installation
Une PWA oubliée est un site web ordinaire. La réussite se mesure à la proportion de visiteurs qui l’installent et à leur rétention. Il faut soigner le moment de la proposition d’installation, la performance de la première visite et la valeur apportée dès la première ouverture. translations: en: “pwa”
Quand en avez-vous besoin ?
- Vous voulez une expérience mobile proche d'une application sans payer deux développements natifs
- Vos utilisateurs reviennent régulièrement mais tolèrent mal les temps de chargement ou les zones à faible réseau
- Vous souhaitez éviter les commissions des stores et les délais de validation
- Vous avez déjà un site web et voulez le faire évoluer vers une version installable
- Vous servez des zones où la connexion est irrégulière et l'accès hors connexion est utile
Comment ça se passe
- Vérification de l'intérêt réel — Analyser les usages attendus : consultation hors ligne, notifications, installation depuis le navigateur. Si le besoin principal est la découverte sur les stores, une PWA ne suffira pas.
- Refonte en application web progressive — Rendre le site responsive, rapide et utilisable hors connexion avec un service worker qui met en cache les ressources et les parcours clés.
- Installation et notifications — Ajouter le manifeste (nom, icônes, couleur, mode plein écran), le prompt d'installation et les notifications push là où elles sont prises en charge (très complètes sur Android, plus restreintes sur iOS).
- Tests sur appareils réels — Tester l'installation, le mode hors connexion, la mise à jour des données mises en cache et la performance sur smartphones d'entrée de gamme.
- Suivi de l'adoption — Mesurer les installations, les sessions en mode standalone et la rétention. Une PWA installée change les comportements : pousser les utilisateurs à l'installer au bon moment.
Combien ça coûte
| Prestation | Prix indicatif | À savoir |
|---|---|---|
| Conversion d'un site existant en PWA | 25 000 – 50 000 MAD (≈ 2 300 – 4 600 €) | Manifeste, service worker, mise en cache et optimisations |
| PWA conçue de zéro | 50 000 – 120 000 MAD (≈ 4 600 – 11 000 €) | Design mobile-first, performances et notification push |
| Notifications push | 5 000 – 20 000 MAD (≈ 450 – 1 800 €) | Intégration OneSignal ou Firebase avec gestion du consentement |
| Audit de performance et accessibilité | 8 000 – 20 000 MAD (≈ 730 – 1 800 €) | Score Lighthouse, temps de chargement et accessibilité |
| Maintenance annuelle | 10 000 – 30 000 MAD / an (≈ 900 – 2 800 €) | Mises à jour du navigateur, sécurité et évolutions |
Fourchettes indicatives pour le marché marocain en 2026, hors taxes. Les tarifs varient selon le périmètre et le prestataire.
Outils recommandés
Les outils que nous recommandons le plus souvent pour ce type de projet.
Lighthouse
Audit de performance, PWA et accessibilité dans Chrome
Workbox
Stratégies de mise en cache pour le service worker
OneSignal
Notifications push web et gestion des abonnés
Google Analytics 4
Suivi des installations et des sessions installées
Vite PWA Plugin
Génération du manifeste et du service worker pour les projets modernes
Erreurs à éviter
- Promettre une expérience identique à une application native sur les fonctions matérielles
- Ne pas prévoir la mise en cache des données dynamiques : l'application affiche des informations périmées hors connexion
- Oublier que les notifications push iOS exigent l'installation de la PWA sur l'écran d'accueil
- Lancer sans mesurer l'adoption : la PWA n'est utile que si les visiteurs l'installent
- Négliger la performance : une première visite lente décourage l'installation
Questions fréquentes
Quelle différence entre une PWA et un site web mobile ?
Un site mobile s'ouvre dans le navigateur à chaque visite. Une PWA s'installe depuis le navigateur, s'ouvre en plein écran comme une application, fonctionne partiellement hors connexion et peut recevoir des notifications.
Une PWA apparaît-elle dans l'App Store ou sur Google Play ?
Non, elle s'installe depuis le navigateur. Google Play permet depuis peu de publier des PWA via un emballage, mais cela reste marginal ; Apple ne l'autorise pas.
Pour quels usages la PWA est-elle un mauvais choix ?
Pour les jeux, les applications qui exploitent intensivement la caméra, le Bluetooth ou la biométrie, et pour les services qui tirent leur crédibilité de leur présence sur les stores. L'accès aux fonctions matérielles reste plus limité qu'en natif.
Combien de temps faut-il pour convertir un site en PWA ?
De 2 à 6 semaines pour un site existant bien structuré et suffisamment performant. Si le site doit être refondu ou optimisé, le chantier rejoint celui d'une création de site mobile.
La PWA améliore-t-elle le référencement ?
Indirectement oui : la vitesse, l'accessibilité mobile et l'expérience utilisateur, qui sont des critères de référencement, sont au cœur du travail PWA. La PWA en elle-même n'ajoute pas de signal spécifique.
Mis à jour le