Les applications web progressives (PWA) changent le jeu. Elles mixent le meilleur du web et des applis mobiles. Imaginez avoir une appli qui charge vite, marche sans Internet et s’installe sur l’écran d’accueil, comme une vraie appli.
C’est ça, une PWA. Elles utilisent des technologies cool comme les Service Workers, le Manifeste d’appli web, et HTTPS pour offrir une expérience top. Et devine quoi? Construire une PWA coûte moins cher que de faire une appli pour chaque type de téléphone.
En plus, elles aident ton site à apparaître plus haut dans les résultats de recherche grâce à un chargement rapide et à leur design mobile en premier. Mais il y a des défis, comme faire en sorte qu’elles marchent bien sur tous les navigateurs et qu’elles accèdent aux fonctionnalités du téléphone.
La sécurité est aussi super importante, donc on utilise HTTPS pour protéger les données. Prêt à en apprendre plus? C’est parti pour un voyage dans le monde des PWA!
Points clés à retenir
- Les PWA chargent vite et peuvent fonctionner hors ligne grâce aux service workers.
- Faire une PWA est moins cher que de créer une app native. Ça marche sur tous les appareils.
- Les PWA sont bonnes pour le SEO car elles ont une bonne vitesse de chargement et sont faciles à trouver sur internet.
- On peut installer des PWA sur l’écran d’accueil, ce qui rend l’accès facile comme une app normale.
- Les notifications push des PWA aident à garder les utilisateurs engagés.
Définition des Progressive Web Apps (PWA)
Après avoir vu l’introduction, plongeons dans ce que sont réellement les applications web progressives, ou PWA. Ces applications utilisent des technologies web pour te donner une expérience proche de celle que tu as avec les applications sur ton téléphone.
Imagine pouvoir utiliser une app sur différents appareils, comme ton smartphone, ta tablette ou ton ordinateur, sans avoir besoin de télécharger quoi que ce soit depuis un magasin d’applications.
Les PWA te permettent d’accéder à tes sites préférés comme s’ils étaient des apps. Elles se chargent vite, même avec une faible connexion internet. Tu peux aussi les utiliser sans être connecté à internet, grâce à une chose appelée “service workers”.
Ces derniers aident à garder une version de la page en mémoire pour que tu puisses y accéder hors ligne. En plus, les PWA peuvent s’installer sur ton appareil, juste en ajoutant un icône sur ton écran d’accueil.
Cela rend l’accès beaucoup plus simple et rapide, un peu comme pour les applications natives que tu télécharges.
Pourquoi opter pour une PWA ?
Pourquoi choisir une PWA ? Les Progressive Web Apps offrent une expérience utilisateur optimisée et réduisent les coûts de développement.
Expérience utilisateur optimisée
Les PWA te donnent le meilleur des deux mondes: le web et les apps mobiles. Imagine, tu peux utiliser une app sans même la télécharger depuis l’App Store ou Google Play. C’est comme Pinterest.
Ils ont vu une hausse de 60% dans l’engagement grâce aux PWA. C’est énorme, non? Les temps de chargement sont super rapides et tu peux même y accéder hors ligne. Donc, si tu es dans un endroit sans internet, pas de problème.
En plus, tout est sécurisé avec HTTPS. Pas besoin de s’inquiéter pour tes infos. Et avec les notifications push, tu restes toujours à jour. Comme Twitter Lite où 75% des tweets viennent de leur PWA.
Cela montre juste combien l’expérience utilisateur est améliorée. Tu vois, c’est vraiment fait pour rendre ta vie plus facile et plus connectée.
Coûts de développement réduits
Créer une PWA coûte beaucoup moins cher qu’une application mobile native. Imagine, développer une application native peut aller de 18 000€ à 70 000€. Mais pour une PWA, ça ne dépasse pas les 18 000€.
Eh oui, c’est une grosse différence ! Cela veut dire que tu peux économiser un max tout en atteignant tous les utilisateurs, peu importe leur système d’exploitation. Android, iOS, ça marche partout.
_Imagine pouvoir toucher plus de monde pour beaucoup moins d’argent…_
Cette économie se fait sentir dès le départ. En utilisant des technologies web (comme JavaScript, les feuilles de style CSS), tu évites de payer pour des développeurs spécialisés dans chaque plateforme.
Une seule version de ta PWA fonctionne sur tous les appareils. Pas besoin de créer plusieurs versions pour différents types de téléphones ou tablettes. C’est malin, non ?
Amélioration de la visibilité en ligne
L’amélioration de la visibilité en ligne est un avantage majeur des applications web progressives (PWA). Les PWA sont indexables par les moteurs de recherche, ce qui signifie qu’elles sont visibles et accessibles aux utilisateurs lorsqu’ils effectuent des recherches.
En offrant une expérience utilisateur optimale et en réduisant le taux de rebond, les PWA peuvent améliorer votre positionnement sur les moteurs de recherche. Cela signifie plus de visibilité et d’opportunités pour attirer les utilisateurs vers votre application ou votre site web.
Alors, avec une PWA bien conçue, vous pouvez accroître votre présence en ligne et attirer davantage de visiteurs intéressés par vos services ou produits.
Engagement accru
L’amélioration de l’engagement des utilisateurs est l’un des principaux avantages des Progressive Web Apps (PWA). Les notifications push jouent un rôle crucial dans l’augmentation de l’engagement en permettant d’envoyer des mises à jour et des alertes directement aux utilisateurs, les incitant à revenir sur votre application ou site Web.
L’effet combiné d’une vitesse de chargement rapide et d’une capacité hors ligne renforce également l’engagement, car les utilisateurs peuvent accéder au contenu de manière fluide et sans interruption, augmentant ainsi leur satisfaction et leur fidélité.
Les notifications push des PWA contribuent à accroître l’engagement en établissant un lien direct avec les utilisateurs, les tenant informés des nouveautés et les incitant à interagir avec votre application ou site Web.
En offrant une expérience fluide et rapide, tout en permettant un accès hors ligne au contenu, les PWA favorisent un engagement actif et constant, renforçant ainsi la relation avec les utilisateurs.
Ce niveau d’engagement accru peut se traduire par une meilleure rétention des utilisateurs et une augmentation du temps passé sur votre plateforme, ce qui est essentiel pour la croissance et la réussite de toute application ou site Web.
Next heading: “Technologies clés des PWA
Technologies clés des PWA
Les Progressive Web Apps (PWA) utilisent des technologies clés telles que les Service Workers, le Manifeste de l’application web et IndexedDB pour offrir une expérience utilisateur améliorée.
Ces technologies permettent le fonctionnement en mode hors ligne, la mise en cache des données et les mises à jour de contenu en arrière-plan.
Service Workers
Les Service Workers sont des scripts JavaScript qui agissent en arrière-plan pour gérer les requêtes réseau et la mise en cache des ressources du site web. Tu peux enregistrer un Service Worker en utilisant la méthode ServiceWorkerContainer.register().
Ces workers utilisent des stratégies de mise en cache telles que le precaching (mise en cache préalable) et le network first (priorité au réseau) pour améliorer l’expérience de l’utilisateur, notamment en offrant une utilisation hors ligne plus fluide.
Les Service Workers jouent un rôle clé dans la création d’expériences web progressives, car ils permettent aux applications web d’être plus rapides et réactives, même lorsqu’elles ne sont pas directement connectées à Internet.
Ces travailleurs de service peuvent grandement améliorer la performance et la fiabilité des applications web, offrant ainsi une expérience utilisateur plus fluide et engageante.
La gestion intelligente des ressources réseau et du cache par les Service Workers aide à garantir que les utilisateurs reçoivent du contenu rapidement, même dans des conditions de connectivité limitée ou intermittente.
Par conséquent, ils sont essentiels pour offrir une expérience web moderne et compétitive. En associant ces fonctionnalités à d’autres technologies clés des PWA telles que le Manifeste de l’Application Web et IndexedDB, tu peux créer des applications web performantes et fiables, offrant une expérience utilisateur similaire à celle des applications natives.
Manifeste de l’application web
Le manifeste de l’application web est un fichier JSON important. Il permet à votre PWA d’être installable sur le smartphone de l’utilisateur. Il fournit également des informations clés aux moteurs de recherche, ce qui augmente la visibilité de votre application.
De plus, il facilite la personnalisation et l’intégration avec d’autres applications, offrant ainsi une expérience utilisateur plus riche et complète.
En utilisant le manifeste de l’application web, vous rendez votre PWA plus accessible et attrayante pour les utilisateurs. Ce fichier JSON est comme la clé pour ouvrir les portes de multiples fonctionnalités et avantages pour votre application web progressive.
IndexedDB
IndexedDB est une base de données pour stocker des données localement. Cette méthode utilise onUpdate pour les modifications, ce qui signifie qu’elle effectue des mises à jour basées sur des événements.
Pour utiliser IndexedDB, il vous faut un navigateur compatible avec cette fonctionnalité. Cela peut être utile pour stocker des informations localement sans dépendre d’une connexion Internet constante.
Lorsque vous développez des Progressive Web Apps, IndexedDB peut être un outil clé pour fournir une expérience utilisateur plus fluide en gérant les données localement. Pensez à l’intégrer dans votre processus de développement pour améliorer l’accessibilité et la réactivité de votre application.
La prochaine étape est d’explorer comment fonctionnent les PWA et comment elles peuvent améliorer l’expérience utilisateur.
Comment fonctionnent les PWA ?
Les Progressive Web Apps (PWA) utilisent la mise en cache pour stocker les ressources, permettant ainsi aux utilisateurs de charger l’application même sans connexion Internet. Lorsque les utilisateurs accèdent à l’application, les données sont automatiquement téléchargées en arrière-plan, assurant une expérience fluide et réactive.
Mécanisme de mise en cache
Lorsque tu utilises une Progressive Web App (PWA), le mécanisme de mise en cache stocke les ressources sur ton appareil, ce qui te permet de continuer à utiliser l’application même lorsque tu es hors ligne.
Voici comment fonctionne le mécanisme de mise en cache :
- Les Service Workers interceptent les requêtes réseau et mettent en cache les données nécessaires pour assurer un accès rapide et fluide.
- Une stratégie de cache prioritaire est utilisée pour stocker en premier lieu les ressources essentielles, garantissant ainsi une expérience utilisateur optimale même avec une connexion Internet limitée.
- Le précaching permet de stocker préventivement certaines ressources afin d’améliorer la vitesse de chargement lors des prochaines utilisations.
Ces mécanismes assurent que l’application continue à fonctionner efficacement, même dans des conditions réseau difficiles, offrant ainsi une expérience utilisateur fluide et ininterrompue.
Cela t’aidera à mieux comprendre le fonctionnement du mécanisme de mise en cache dans le contexte des Progressive Web Apps (PWA). Ce qui suit est “Mode hors ligne”.
Mode hors ligne
Lorsque vous parlez du “mode hors ligne”, il s’agit de la capacité d’une Progressive Web App à continuer de fonctionner même en l’absence de connexion Internet. Les PWA peuvent offrir une expérience utilisateur sans interruption, grâce à des fonctionnalités spécifiques:
- Mise en cache intelligente des données pour un accès instantané, même sans connexion.
- Stockage local des contenus fréquemment consultés, garantissant une utilisation fluide et rapide.
- Capacité à précharger des contenus pour une navigation sans heurts lors de la transition vers le mode hors ligne.
- Gestion efficace des mises à jour en arrière-plan pour assurer la fraîcheur du contenu lors du retour en ligne.
Ces fonctionnalités assurent une expérience utilisateur robuste et constante, même dans des environnements où la connectivité Internet n’est pas garantie.
Mises à jour de contenu en arrière-plan
Lorsqu’il s’agit de mettre à jour le contenu en arrière-plan dans une Progressive Web App (PWA), voici ce que tu dois savoir :
- Les mises à jour sont effectuées sans perturber l’expérience utilisateur.
- Les Service Workers gèrent ces mises à jour en arrière-plan de manière transparente et automatique.
Ces mises à jour se déroulent silencieusement, garantissant ainsi un flux ininterrompu pour les utilisateurs tout en assurant que la PWA fonctionne avec les dernières données et fonctionnalités.
Optimisation de l’expérience utilisateur
Assurez-vous que votre application offre une expérience utilisateur fluide, rapide et engageante afin d’attirer et de retenir les utilisateurs. Cela peut être réalisé grâce à un design réactif, des temps de chargement rapides et l’intégration de notifications push pour une interaction proactive avec vos utilisateurs.
Pour en savoir plus sur l’optimisation de l’expérience utilisateur, continuez votre lecture.
Responsive design
Votre site doit être accessible sur tous les types d’appareils – téléphone, tablette et ordinateur. Cela signifie que quel que soit le périphérique que les gens utilisent pour consulter votre site, ils auront la même expérience.
C’est important car Google aime les sites qui s’adaptent bien aux mobiles. Cela signifie qu’un site avec un design réactif peut avoir un meilleur classement dans les résultats de recherche.
En outre, avec de plus en plus de gens naviguant sur internet via des appareils mobiles, il est crucial que votre site soit convivial pour ces appareils si vous voulez attirer et retenir l’attention des utilisateurs.
Les sites avec un design réactif incitent les gens à rester plus longtemps. Si un site prend trop de temps à se charger ou s’affiche mal sur un téléphone, les gens sont plus susceptibles de le quitter rapidement.
Avoir un design réactif peut aider à garder les visiteurs sur votre site plus longtemps, augmentant ainsi l’engagement des utilisateurs.
Temps de chargement rapide
Lorsque les utilisateurs accèdent à votre application web, ils veulent qu’elle se charge immédiatement. En fait, l’objectif est de réduire le temps de chargement à moins de 3 secondes.
Pourquoi? Parce que si c’est plus lent, les gens sont plus susceptibles de partir sans même voir votre application. Une vitesse de chargement améliorée réduit le taux de rebond, ce qui signifie que les gens restent plus longtemps sur votre site et s’engagent davantage avec lui.
De plus, l’optimisation de la vitesse contribue à améliorer le référencement sur les moteurs de recherche. Donc, quand votre application se charge rapidement, tout le monde est content!
Notifications push
Les notifications push sont super importantes pour engager les utilisateurs des PWA. Elles peuvent être envoyées même lorsque l’application n’est pas ouverte. Pour les avoir, vous avez besoin d’un Service Worker en place.
Cela peut vous aider à garder vos utilisateurs informés et engagés, même lorsqu’ils ne regardent pas leur écran. Ces notifications peuvent vous aider à maintenir le contact avec vos utilisateurs, peu importe où ils se trouvent.
L’impact des PWA sur le SEO
Les Progressive Web Apps (PWA) améliorent la vitesse de chargement, favorisant ainsi un meilleur classement sur les moteurs de recherche. Elles améliorent également l’indexabilité du contenu, ce qui offre une visibilité accrue dans les résultats de recherche.
Vitesse de chargement améliorée
Lorsque les utilisateurs visitent votre site, ils veulent que ça se charge vite. Des études montrent que les gens quittent souvent les pages qui prennent plus de 3 secondes pour se charger.
Avec une Progressive Web App (PWA), comme Twitter Lite, la vitesse de chargement est améliorée, et cela peut réduire le taux de rebond. Par exemple, la PWA de Twitter Lite se charge 30% plus rapidement.
Donc en optant pour une PWA, vous offrez une meilleure expérience à vos utilisateurs grâce à des temps de chargement plus rapides. Cela peut aider à retenir davantage les visiteurs sur votre site et à les inciter à explorer plus de contenu.
Grâce à une vitesse de chargement améliorée, vous pouvez rendre votre site plus attrayant pour les utilisateurs, car ils n’auront pas à attendre longtemps pour accéder à vos contenus.
Les PWA utilisent des technologies comme les “Service Workers” pour améliorer la mise en cache, ce qui permet une expérience fluide même en mode hors ligne. Avec ces améliorations de vitesse, les utilisateurs sont plus susceptibles de rester sur votre site pour trouver ce qu’ils cherchent, ce qui peut augmenter l’engagement et la satisfaction des utilisateurs.
Indexabilité du contenu
Maintenant, passons à l’indexabilité du contenu. Lorsque tu développes une Progressive Web App (PWA), il est essentiel d’optimiser l’indexation du contenu pour que les moteurs de recherche puissent le trouver.
Il est crucial d’avoir un manifeste d’application web bien configuré, car cela améliore la visibilité de ton application. Assure-toi d’avoir une structure logique dans ta PWA, car cela favorise également son indexation.
De plus, l’utilisation de liens internes peut améliorer l’indexation du contenu, ce qui signifie que les utilisateurs pourront le trouver plus facilement.
Mobile-first indexing
Maintenant, passons à un autre aspect important qui est l’indexation mobile. Google utilise principalement la version mobile des sites Web pour l’indexation. Cela signifie que la convivialité mobile devient cruciale pour garantir une bonne visibilité dans les résultats de recherche.
L’indexation mobile implique que le moteur de recherche utilise la version mobile d’un site pour classer ses pages, plutôt que la version de bureau. Cela s’aligne sur la tendance croissante des utilisateurs d’accéder au web via leurs appareils mobiles.
Pour assurer une indexation efficace, vous devez vous assurer que votre site est adapté aux appareils mobiles. Assurez-vous que votre site Web a une conception réactive, un temps de chargement rapide et une navigation conviviale sur les smartphones.
De plus, les balises meta robots doivent être identiques sur les versions mobile et bureau pour éviter tout problème d’indexation. En adoptant une approche mobile-first pour le développement de votre site Web, vous pouvez garantir une meilleure visibilité en ligne et offrir une expérience utilisateur optimale aux visiteurs.
Sécurité des PWA : Guide des Certificats SSL/TLS et de la Mise en Œuvre de HTTPS
Pour sécuriser les Progressive Web Apps (PWA) et garantir la confidentialité des données, il est essentiel d’utiliser des certificats SSL/TLS pour activer HTTPS. Les certificats SSL/TLS sont classés en trois types : DV, OV et EV, offrant différents niveaux de validation.
En utilisant HTTPS, votre PWA va non seulement améliorer son classement SEO, mais aussi renforcer la confiance des utilisateurs en assurant la sécurité de leurs données. Il est recommandé de passer de SSL à TLS pour une sécurité optimale.
En intégrant ces certificats et en activant HTTPS, vous assurez à vos utilisateurs une expérience en ligne sûre et protégée. Cela renforce également la fiabilité de votre PWA, incitant davantage d’utilisateurs à y accéder en toute confiance.
En suivant ces bonnes pratiques de sécurité, vous contribuez à bâtir une réputation solide pour votre PWA, renforçant ainsi son attractivité et sa crédibilité sur le marché.
Défis et solutions dans le développement des PWA
Développer des PWA peut rencontrer des défis liés à la compatibilité des navigateurs, l’accès limité aux fonctionnalités matérielles et la gestion des mises à jour. Découvrez comment surmonter ces obstacles pour créer des applications web performantes et engageantes.
Dive in for more insights!
Compatibilité avec les navigateurs
Les Progressive Web Apps (PWA) sont compatibles avec la plupart des navigateurs modernes tels que Chrome, Firefox et Edge. Cependant, il y a des limitations avec Safari, qui ne prend pas en charge les notifications push, ce qui peut impacter l’expérience utilisateur pour les appareils Apple.
De plus, pour garantir la sécurité des utilisateurs, les fonctionnalités telles que l’API Web Bluetooth nécessitent une connexion sécurisée HTTPS. Ces apps sont conçues pour fonctionner de manière fluide sur une variété d’appareils et de navigateurs, offrant ainsi une expérience utilisateur cohérente.
La compatibilité des PWA avec différents navigateurs est essentielle pour atteindre un large public et offrir une expérience utilisateur optimale. Les capacités limitées de certains navigateurs, comme Safari, nécessitent une adaptation stratégique lors du développement des PWA pour garantir leur bon fonctionnement sur tous les appareils.
Assurer la compatibilité avec les navigateurs est un élément clé du succès des Progressive Web Apps, car cela permet d’atteindre un public plus large et d’offrir une expérience cohérente sur différents appareils et plateformes.
Cette compatibilité étendue contribue à l’accessibilité et à l’adoption généralisée des PWA. Maintenant, parlons des défis liés à l’accès limité aux fonctionnalités matérielles.
Accès limité aux fonctionnalités matérielles
Lorsque vous construisez une Progressive Web App (PWA), gardez à l’esprit que vous pourriez rencontrer des défis en ce qui concerne l’accès aux fonctionnalités matérielles de certains appareils.
Cela signifie que, selon le périphérique utilisé, certaines fonctionnalités avancées telles que Bluetooth et NFC pourraient être limitées, en particulier sur iOS. Il est essentiel de prendre en compte ces limitations lors de la conception de votre PWA, car cela peut affecter les fonctionnalités que vous pouvez intégrer dans votre application.
Assurez-vous de choisir les fonctionnalités matérielles avec soin pour offrir la meilleure expérience utilisateur possible tout en tenant compte des restrictions potentielles.
Gestion des mises à jour
Lorsque nous parlons de la gestion des mises à jour pour les applications web progressives (PWA), il est essentiel de comprendre comment ces mises à jour sont gérées. Voici quelques points clés à considérer :
- Mises à jour automatiques et transparentes grâce aux Service Workers, permettant aux utilisateurs de bénéficier des dernières fonctionnalités et améliorations sans effort.
- Réduction de la nécessité d’interventions manuelles, assurant que les utilisateurs disposent toujours de la version la plus récente de l’application sans avoir à effectuer des téléchargements ou des installations supplémentaires.
- Les mises à jour ne dépendent pas des cycles de validation des app stores, offrant une flexibilité accrue dans le déploiement rapide et efficace des améliorations et correctifs.
Conclusion
You’ve learned about developing Progressive Web Apps (PWA) to offer an experience similar to native mobile apps. These PWAs combine web and mobile app features for an optimized user experience.
The strategies and tips discussed here are practical, easy to implement, and efficient. Their potential impact on improving user engagement and online visibility is significant. To dive deeper into this topic, consider exploring additional resources for further reading or guidance.
You now have the tools to create engaging and efficient web applications that can make a real difference.
Pour en savoir plus sur la sécurisation de votre PWA, consultez notre guide complet des certificats SSL/TLS et de la mise en œuvre de HTTPS.
FAQ
1. Qu’est-ce que le développement d’applications web progressives?
Le développement d’applications web progressives est une méthode qui permet de créer des applications mobiles offrant une expérience similaire à celle des applications natives. Ces applications utilisent des technologies web comme HTML, CSS et JavaScript pour fonctionner sur n’importe quel système d’exploitation.
2. Comment les applications web progressives améliorent-elles l’accessibilité du web?
Les applications web progressives améliorent l’accessibilité du web en offrant des fonctionnalités hors ligne, en optimisant le référencement naturel (SEO) et en assurant une compatibilité avec tous les systèmes d’exploitation, y compris Windows, Mac, Linux et Chrome OS.
3. Quels sont les avantages du développement d’applications web progressives pour le commerce mobile?
Pour le commerce mobile, le développement d’applications web progressives offre plusieurs avantages. Elles permettent une meilleure expérience utilisateur grâce à la géolocalisation et aux fonctionnalités de drag-and-drop. De plus, elles favorisent la compétitivité en étant facilement partageables sur les réseaux sociaux.
4. Comment protéger les informations personnelles identifiables lors du développement d’applications web progressives?
La protection des données est essentielle lors du développement d’applications web progressives. Il faut veiller à éviter les vulnérabilités XSS (cross-origin resource sharing), utiliser des protocoles sécurisés de transfert hypertexte et mettre en place des tests de performance et de charge pour garantir la sécurité du serveur.
5. Quel rôle joue le SEO dans le développement d’applications web progressives?
Le SEO joue un rôle crucial dans le développement d’applications web progressives. L’utilisation de balises méta, de balises HTML sémantique, et la création d’un sitemap contribuent à améliorer le référencement naturel de l’application sur les moteurs de recherche.
6. Comment les applications web progressives peuvent-elles offrir une expérience similaire à celle des applications natives?
Les applications web progressives peuvent offrir une expérience similaire à celle des applications natives en utilisant des outils comme Vue.js pour le développement d’applications. Elles peuvent fonctionner hors ligne, envoyer des notifications push et être installées sur l’écran d’accueil d’un téléphone intelligent, tout comme une application native.
Les références
- https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps (2023-10-25)
- https://www.techtarget.com/whatis/definition/progressive-web-app-PWA
- https://fr.semrush.com/blog/progressive-web-app/ (2017-09-27)
- https://astera.ch/nouvelle-et-tendance-du-web/les-pwa-progressive-web-apps-la-cle-pour-une-experience-utilisateur-inegalee-sur-le-web
- https://www.carmatec.com/blog/how-much-does-it-cost-to-develop-progressive-web-app/ (2024-01-13)
- https://www.rm-webstudios.com/pourquoi-utiliser-les-progressive-web-apps-pwa-pour-ameliorer-lexperience-de-votre-site-web/
- https://iis-madagascar.com/conception-progressive-web-apps/
- https://www.noiise.com/ressources/seo/progressive-web-app-pwa-web-mobile/ (2024-09-17)
- https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers (2024-07-25)
- https://developer.mozilla.org/fr/docs/Web/Progressive_web_apps
- https://medium.com/quick-code/pwa-combining-the-bests-of-mobile-and-web-worlds-51d20d074a0
- https://developers.google.com/codelabs/pwa-training/pwa03–indexeddb (2021-04-19)
- https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Caching (2024-07-25)
- https://www.lemon-interactive.fr/actualites/developpement/progressive-web-app-pwa-definition-avantages-fonctionnalites/ (2024-02-13)
- https://www.eurotechconseil.com/blog/pwa-offline-mode/
- https://www.imagescreations.fr/quest-ce-qune-progressive-web-app-pwa/
- https://www.betomorrow.com/blog/pwa-fonctionnement-et-bonnes-pratiques
- https://www.ekino.fr/publications/passer-a-une-progressive-web-app-pwa-quels-avantages-et-limites-pwa-mobile/ (2022-02-23)
- https://www.linkedin.com/pulse/era-responsive-web-design-optimizing-user-experience-maveristic1
- https://neoshore.eu/uncategorized/une-progressive-web-app-pwa-cest-quoi/
- https://appmaster.io/fr/blog/liste-de-controle-des-applications-web-progressives (2023-06-15)
- https://www.webhorspiste.com/blog/progressive-web-app-google-pwa/ (2021-01-12)
- https://www.teknicks.com/blog/pwa-seo/ (2023-10-31)
- https://ralfvanveen.com/fr/technologie/seo-pour-les-applications-web-progressives-pwa/
- https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing
- https://www.digidop.fr/blog/ssl-tls-https-securites-web (2024-05-30)
- https://medium.com/progressive-web-apps/im-trying-to-make-a-progressive-web-app-part-1-https-69db463c4f99
- https://fr.goodbarber.com/blog/pwa-compatibilite-des-fonctionnalites-des-applications-en-fonction-des-navigateurs-a856/
- https://edana.ch/2022/12/13/limportance-des-applications-web-progressives-pwa-dans-le-developpement-web-moderne/ (2022-12-13)