{"id":9050,"date":"2022-03-18T09:00:00","date_gmt":"2022-03-18T08:00:00","guid":{"rendered":"https:\/\/www.sortlist.fr\/blog\/?p=9050"},"modified":"2024-03-08T09:51:11","modified_gmt":"2024-03-08T08:51:11","slug":"pwa","status":"publish","type":"post","link":"https:\/\/www.sortlist.fr\/blog\/pwa\/","title":{"rendered":"PWA (Progressive Web App) : Quels sont les avantages ?"},"content":{"rendered":"\n<p>Une PWA est une <strong>Progressive Web App<\/strong>. Il s\u2019agit d\u2019une <strong>application web<\/strong>, qui a \u00e9t\u00e9 enrichie \u00e0 l\u2019aide de plusieurs outils. Ces derniers permettent \u00e0 la web app d\u2019\u00eatre mieux int\u00e9gr\u00e9e \u00e0 un syst\u00e8me, que ce soit un smartphone ou un ordinateur.&nbsp;<\/p>\n\n\n\n<p>Pour le dire autrement : une <strong>PWA <\/strong>est une <strong>application web<\/strong> qui a la possibilit\u00e9 de mieux exploiter les fonctionnalit\u00e9s d\u2019un smartphone ou d\u2019un ordinateur, li\u00e9es \u00e0 leurs composantes hardware. La PWA s\u2019int\u00e8gre et collabore beaucoup mieux avec le hardware sur lequel elle va tourner et \u00eatre utilis\u00e9e.<\/p>\n\n\n\n<p>La <strong>Progressive Web App<\/strong> est donc une Web App am\u00e9lior\u00e9e.&nbsp;&nbsp;<\/p>\n\n\n\n<p>C\u2019est ce que nous expliquons dans l\u2019\u00e9pisode 40 de Beyond Marketing, avec C\u00e9dric Spalvieri, CEO de <a href=\"https:\/\/www.sortlist.fr\/agency\/novaway-2\" target=\"_blank\" rel=\"noreferrer noopener\">l\u2019agence Novaway<\/a> :&nbsp;<\/p>\n\n\n\n<p><strong>EMBED PODCAST<\/strong><\/p>\n\n\n\n<p>Cet article r\u00e9sume notre discussion, <strong>en pr\u00e9sentant ce qu\u2019est une PWA<\/strong>. Et pour bien le comprendre, il faut d&rsquo;abord savoir ce qu\u2019est <strong>une application web<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u2019est-ce qu\u2019une application web ?<\/h2>\n\n\n\n<p>On se rend compte que <strong>la d\u00e9finition d\u2019une <a href=\"https:\/\/www.sortlist.fr\/blog\/progressive-web-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Progressive Web App<\/a><\/strong> est fortement li\u00e9e \u00e0 ce qu\u2019est une Web App normale.&nbsp;<\/p>\n\n\n\n<p>Mais <strong>qu\u2019est-ce qu\u2019une web app<\/strong> ?&nbsp;<\/p>\n\n\n\n<p>D\u2019un point de vue technique, une <strong>application web<\/strong> est quelque chose d\u2019assez similaire \u00e0 un site web. En revanche, il y a des diff\u00e9rences dans la philosophie, le fonctionnement, et l\u2019utilisation qui va \u00eatre faite de ces deux outils digitaux.&nbsp;<\/p>\n\n\n\n<p>De mani\u00e8re g\u00e9n\u00e9rale, un site web va plus avoir une vocation de vitrine. Le site web est l\u00e0 pour pr\u00e9senter des informations ainsi que les services et les produits qu\u2019une marque va proposer, par exemple.&nbsp;<\/p>\n\n\n\n<p>En comparaison, <strong>une Web App est un outil<\/strong>. Elle propose de <strong>vraies fonctionnalit\u00e9s<\/strong> et beaucoup plus d\u2019interactivit\u00e9 \u00e0 l\u2019utilisateur. <\/p>\n\n\n\n<p>Par exemple, une Web App comme Facebook permet :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>d\u2019envoyer des messages,&nbsp;<\/li>\n\n\n\n<li>de publier des photos,&nbsp;<\/li>\n\n\n\n<li>la cr\u00e9ation de groupes,&nbsp;<\/li>\n\n\n\n<li>de regarder des vid\u00e9os,<\/li>\n\n\n\n<li>etc..<\/li>\n<\/ul>\n\n\n\n<p>Cela dit, une <strong>application web<\/strong> et un <strong>site web<\/strong> ont tout de m\u00eame deux points communs :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ils utilisent les m\u00eames technologies de d\u00e9veloppement : HTML, CSS, et JavaScript.&nbsp;<\/li>\n\n\n\n<li>Ils tournent sur un navigateur web.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Que ce soit un site web ou une web app, dans les deux cas, l\u2019acc\u00e8s se fait via un navigateur web (Chrome, Safari, Firefox, etc.)&nbsp;<\/p>\n\n\n\n<p>Et c\u2019est l\u00e0, <strong>la diff\u00e9rence majeure entre une Web App et une Progressive Web App<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Quand la Web App est uniquement accessible via un navigateur web, la PWA peut \u00e9galement \u00eatre install\u00e9e sur un appareil (mobile ou laptop). Cela signifie que l\u2019on peut y acc\u00e9der sans forc\u00e9ment passer par un navigateur.&nbsp;<\/p>\n\n\n\n<p>On peut donc la consulter sans connexion Internet.&nbsp;<\/p>\n\n\n\n<p>Mais alors, quelle diff\u00e9rence entre une PWA et une <strong>application native<\/strong> ?&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle diff\u00e9rence avec une application native ?<\/h2>\n\n\n\n<p>Plusieurs particularit\u00e9s diff\u00e9rencient une <strong>Progressive Web App<\/strong> d\u2019une application native.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>L\u2019acc\u00e8s \u00e0 l\u2019application<\/strong><\/h3>\n\n\n\n<p>Tout d\u2019abord, pour utiliser une application native, il faut <strong>la t\u00e9l\u00e9charger sur un store<\/strong> et l\u2019installer sur un t\u00e9l\u00e9phone mobile. Contrairement \u00e0 une PWA qui est <strong>accessible directement depuis un navigateur<\/strong>, et qui peut \u00eatre t\u00e9l\u00e9charg\u00e9e depuis ce dernier.&nbsp;<\/p>\n\n\n\n<p>Cela a clairement un impact sur la facilit\u00e9 de mise en ligne.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La mise en ligne<\/h3>\n\n\n\n<p>Comme on le mentionne, une application native doit \u00eatre diffus\u00e9e sur un store pour pouvoir \u00eatre t\u00e9l\u00e9charg\u00e9e. La cons\u00e9quence, c\u2019est qu\u2019il est plus difficile de la d\u00e9ployer, en comparaison \u00e0 une PWA.&nbsp;<\/p>\n\n\n\n<p>Pourquoi ?&nbsp;<\/p>\n\n\n\n<p>Parce que les stores imposent <strong>un processus de v\u00e9rification<\/strong> ainsi que <strong>des standards de qualit\u00e9<\/strong> qu\u2019il est obligatoire de respecter. La publication d\u2019une native app est donc li\u00e9e \u00e0 une certaine quantit\u00e9 de frictions, qui n\u2019existent pas avec une PWA.&nbsp;<\/p>\n\n\n\n<p>\u00c9tant donn\u00e9 que cette derni\u00e8re est accessible via un navigateur, sa publication est tr\u00e8s similaire \u00e0 celle d\u2019un site web. C\u2019est donc beaucoup plus simple et rapide de d\u00e9ployer une PWA.&nbsp;<\/p>\n\n\n\n<p>C\u2019est la deuxi\u00e8me diff\u00e9rence notable entre une PWA et une application native.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le d\u00e9veloppement<\/h3>\n\n\n\n<p>La troisi\u00e8me diff\u00e9rence se trouve au niveau du d\u00e9veloppement en tant que tel. Quand une PWA sera cod\u00e9e avec du HTML, du CSS, et du JavaScript, une application native devra \u00eatre cod\u00e9e <strong>avec les langages de programmation propos\u00e9s par Apple et Andro\u00efd<\/strong>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>En effet, pour pouvoir diffuser une application sur l&rsquo;App Store, il faut d&rsquo;abord la d\u00e9velopper avec le langage d&rsquo;Apple. C&rsquo;est la m\u00eame chose quand on veut diffuser une app sur le Google Play Store, sauf qu&rsquo;il faudra utiliser le langage d&rsquo;Andro\u00efd.<\/p>\n<\/blockquote>\n\n\n\n<p>La cons\u00e9quence directe ? Cela double les co\u00fbts de d\u00e9veloppement, car il faudra cr\u00e9er :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Une version de l\u2019application pour iOS.<\/li>\n\n\n\n<li>Une version de l\u2019application pour Andro\u00efd.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>C\u2019est la troisi\u00e8me diff\u00e9rence notable entre une <strong>PWA<\/strong> et une <strong>application native<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les fonctionnalit\u00e9s<\/h3>\n\n\n\n<p>La quatri\u00e8me diff\u00e9rence, c\u2019est qu\u2019une application native est pens\u00e9e pour exploiter les fonctionnalit\u00e9s d\u2019un t\u00e9l\u00e9phone :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GPS<\/li>\n\n\n\n<li>Notification Push<\/li>\n\n\n\n<li>Appareil photo<\/li>\n\n\n\n<li>Etc.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Tandis que la PWA est, de base, une Web App. Donc elle va moins loin dans la logique d\u2019exploiter le hardware sur lequel elle sera utilis\u00e9e.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La maintenance n\u00e9cessaire<\/h3>\n\n\n\n<p>Enfin, derni\u00e8re <strong>diff\u00e9rence majeure entre une PWA et une native app<\/strong> : les besoins en termes de mises \u00e0 jour et de maintenance.&nbsp;<\/p>\n\n\n\n<p>Une application native devra \u00eatre mise \u00e0 jour beaucoup plus r\u00e9guli\u00e8rement qu\u2019une PWA, principalement pour respecter les standards de qualit\u00e9 impos\u00e9s par les stores. Ces derniers \u00e9tant en perp\u00e9tuelle \u00e9volution.&nbsp;<\/p>\n\n\n\n<p>Cela aura un impact direct sur votre budget, donc prenez le en consid\u00e9ration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PWA vs Application Native : Que faut-il choisir ?<\/h2>\n\n\n\n<p>Quand on voit ces diff\u00e9rences, et qu\u2019on se penche sur <strong>les avantages de la PWA<\/strong>, on peut se demander s\u2019il est vraiment pertinent d\u2019encore d\u00e9velopper une application native.&nbsp;<\/p>\n\n\n\n<p><strong>Comment faire pour choisir <\/strong>entre les deux ?&nbsp;<\/p>\n\n\n\n<p>Il y a deux \u00e9l\u00e9ments \u00e0 prendre en compte pour faire un choix :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La cible \u00e0 laquelle on s\u2019adresse avec notre application.&nbsp;<\/li>\n\n\n\n<li>Les conditions d&rsquo;utilisation (sur quels types d\u2019appareils l\u2019app sera-t-elle utilis\u00e9e ?)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Ce qu\u2019il faut garder en t\u00eate, c\u2019est que <strong>la PWA est plus l\u00e9g\u00e8re.<\/strong> Elle n\u00e9cessite moins de puissance de la part des appareils, et est donc accessible \u00e0 plus de monde. On pense notamment \u00e0 toutes les personnes qui n\u2019ont pas forc\u00e9ment le dernier smartphone, tout juste sorti sur le march\u00e9.&nbsp;<\/p>\n\n\n\n<p>Cela dit, d\u2019un point de vue fonctionnel, la PWA n&rsquo;est pas int\u00e9ressante quand on a besoin de grosses performances. Par exemple, pour faire de la r\u00e9alit\u00e9 virtuelle ou de la 3D. Pour des fonctionnalit\u00e9s avanc\u00e9es, mieux vaut partir sur une application native.&nbsp;<\/p>\n\n\n\n<p>Mais \u00e0 part ce cas de figure, une PWA est plus abordable et r\u00e9pond \u00e0 95% des besoins qu\u2019une entreprise peut exprimer. \u00c0 vous de voir avec votre partenaire. Sachez que <a href=\"https:\/\/www.sortlist.fr\/agency\/novaway-2\" target=\"_blank\" rel=\"noreferrer noopener\">Novaway<\/a> pourra vous orienter vers le type d\u2019app le plus pertinent pour votre projet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment promouvoir sa PWA ?<\/h2>\n\n\n\n<p>Mis \u00e0 part l\u2019aspect d\u00e9veloppement, il faut aussi garder en t\u00eate que d\u00e9velopper une PWA n\u2019est que la premi\u00e8re \u00e9tape. Ce n\u2019est que la moiti\u00e9 du travail.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>En effet, encore faut-il qu&rsquo;elle soit utilis\u00e9e et visible aux yeux de ses utilisateurs. C&rsquo;est l\u00e0 qu&rsquo;entre en sc\u00e8ne tout l&rsquo;aspect promotionnel et marketing n\u00e9cessaire \u00e0 la visibilit\u00e9 d&rsquo;une Progressive Web App.<\/p>\n<\/blockquote>\n\n\n\n<p>Ici, Novaway recommande de miser principalement sur <strong><a href=\"https:\/\/www.sortlist.fr\/seo\" target=\"_blank\" rel=\"noreferrer noopener\">le r\u00e9f\u00e9rencement naturel<\/a>.<\/strong> Comme on le mentionnait plus t\u00f4t, une PWA est essentiellement une web app am\u00e9lior\u00e9e, qui ressemble techniquement \u00e0 un site web.&nbsp;<\/p>\n\n\n\n<p>Par cons\u00e9quent, il est possible de la positionner sur certains <strong><a href=\"https:\/\/www.sortlist.fr\/blog\/mots-cles-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">mots cl\u00e9s<\/a><\/strong>, pour faire en sorte qu\u2019elle <strong>apparaisse dans les r\u00e9sultats de recherche sur Google<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Pour y parvenir, il y a plusieurs crit\u00e8res de r\u00e9f\u00e9rencement \u00e0 conna\u00eetre :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fournir une exp\u00e9rience utilisateur claire.&nbsp;<\/li>\n\n\n\n<li>Assurer un temps de chargement rapide de la PWA.<\/li>\n\n\n\n<li>Viser des mots cl\u00e9s et des requ\u00eates pertinentes en cr\u00e9ant du bon contenu.&nbsp;<\/li>\n\n\n\n<li>Les performances de la PWA.<\/li>\n\n\n\n<li>La visibilit\u00e9 et la compatibilit\u00e9 sur mobile.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>\u00c0 ce niveau-l\u00e0, nous vous conseillons de vous rapprocher d\u2019une <a href=\"https:\/\/www.sortlist.fr\/seo\/france-fr\" target=\"_blank\" rel=\"noreferrer noopener\">agence SEO<\/a> pour obtenir des conseils personnalis\u00e9s.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quels crit\u00e8res vont impacter le budget de d\u00e9veloppement ?<\/h2>\n\n\n\n<p>Maintenant, <strong>combien co\u00fbte une PWA<\/strong> et quels sont les crit\u00e8res qui impacteront votre budget ?&nbsp;<\/p>\n\n\n\n<p>Dans le podcast, C\u00e9dric explique qu\u2019il y a deux \u00e9l\u00e9ments principaux :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le temps n\u00e9cessaire \u00e0 la conception et \u00e0 l\u2019analyse : est-ce qu\u2019on a besoin d\u2019une PWA ou d\u2019une application native ? Qu\u2019est-ce qu\u2019on veut proposer comme exp\u00e9rience utilisateur, et quel est le meilleur moyen d\u2019y parvenir ?<\/li>\n\n\n\n<li>Ensuite, deuxi\u00e8me \u00e9l\u00e9ment qui va avoir de l\u2019impact, <strong>le service worker<\/strong>. Il faut r\u00e9fl\u00e9chir \u00e0 la strat\u00e9gie de cache, qui va permettre de consulter la PWA en mode hors ligne.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Finalement, ces deux \u00e9l\u00e9ments renvoient \u00e0 une notion \u00e9l\u00e9mentaire : le temps de d\u00e9veloppement.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>C&rsquo;est assez simple : au plus la PWA a besoin de fonctionnalit\u00e9s, au plus l&rsquo;exp\u00e9rience utilisateur sera compl\u00e8te, au plus le temps de d\u00e9veloppement n\u00e9cessaire sera important, et au plus le budget sera cons\u00e9quent.<\/p>\n<\/blockquote>\n\n\n\n<p>Pour vous donner un ordre de grandeur, une PWA peut atteindre des budgets importants, de plusieurs dizaines de milliers d\u2019euros.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Combien de temps prend le d\u00e9veloppement d&rsquo;une PWA ?<\/h2>\n\n\n\n<p>Quand on conna\u00eet tous ces \u00e9l\u00e9ments, la question est de savoir <strong>le temps n\u00e9cessaire \u00e0 la cr\u00e9ation d\u2019une PWA<\/strong>.&nbsp;<\/p>\n\n\n\n<p>En fonction de la complexit\u00e9, Novaway peut sortir une <strong>PWA<\/strong> en 2-3 mois. Si c\u2019est du fonctionnel assez simple, C\u00e9dric indique dans le podcast que c\u2019est faisable en 3 mois.&nbsp;<\/p>\n\n\n\n<p><strong>EMBED PODCAST<\/strong><\/p>\n\n\n\n<p>En comparaison, une <strong>application native<\/strong> demandera de faire deux d\u00e9veloppements (un sur iOS et un sur Andro\u00efd). Donc le temps de d\u00e9veloppement sera plus long. De plus, avec une application native, il faudra aussi prendre en compte <strong>la partie d\u00e9ploiement<\/strong> qui doit \u00eatre fait sur les stores.&nbsp;<\/p>\n\n\n\n<p>Donc publier l\u2019app sur l\u2019App Store et le Google Play Store, qui demande du temps. L\u00e0 o\u00f9 une PWA doit juste \u00eatre mise en ligne, qui est un processus beaucoup plus rapide.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Exemples de PWA<\/h2>\n\n\n\n<p>Enfin, avant de cl\u00f4turer cet article, quels sont <strong>de bons exemples de PWA<\/strong>, dont on peut s\u2019inspirer ?&nbsp;<\/p>\n\n\n\n<p>Dans le podcast, C\u00e9dric en mentionne plusieurs :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Twitter<\/strong> et <strong>Instagram<\/strong>, niveau r\u00e9seau social.&nbsp;<\/li>\n\n\n\n<li><strong>L\u2019\u00e9quipe<\/strong> (le journal sportif), qui a aussi lanc\u00e9 sa PWA et qui peut \u00eatre install\u00e9e sur smartphone.&nbsp;<\/li>\n\n\n\n<li><strong>Etam<\/strong>, la marque de lingerie, qui a <strong>adapt\u00e9 son site E-Commerce en PWA<\/strong>. Gr\u00e2ce \u00e0 cette derni\u00e8re, la taille du panier moyen a augment\u00e9 de 15%, donc beaucoup plus de ventes r\u00e9alis\u00e9es.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Mais il est \u00e9galement possible de d\u00e9velopper une PWA pour le milieu culturel et le milieu du divertissement. Par exemple, Novaway a d\u00e9velopp\u00e9 une <strong>Progressive Web App<\/strong> pour un parc d&rsquo;attractions, dont l\u2019application native \u00e9tait vieillissante et mal not\u00e9e par ses utilisateurs.&nbsp;<\/p>\n\n\n\n<p>Concr\u00e8tement, cette PWA permet de compl\u00e9ter l\u2019exp\u00e9rience des visiteurs du parc, en leur proposant diverses fonctionnalit\u00e9s :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voir la carte du parc.&nbsp;<\/li>\n\n\n\n<li>Se constituer un parcours.&nbsp;<\/li>\n\n\n\n<li>Acc\u00e9der au temps des files d\u2019attente en direct.&nbsp;<\/li>\n\n\n\n<li>Recevoir des notifications quand un spectacle \/ animation est sur le point de commencer.&nbsp;<\/li>\n\n\n\n<li>Etc.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Finalement, cette PWA permet de compl\u00e9ter et d\u2019am\u00e9liorer l\u2019exp\u00e9rience des visiteurs quand ils se rendent au parc. <\/p>\n\n\n\n<p>C\u2019est un excellent exemple, qui permet de saisir <strong>la valeur ajout\u00e9e qu\u2019une PWA peut avoir<\/strong>, exactement comme pour Etam qui a r\u00e9ussi \u00e0 augmenter ses ventes.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Car c&rsquo;est \u00e9galement un \u00e9l\u00e9ment important : on ne d\u00e9veloppe pas une PWA juste pour d\u00e9velopper une PWA. Il doit y avoir une raison et un objectif business derri\u00e8re, qui permettra de mesurer ou non le succ\u00e8s de la PWA que vous d\u00e9ciderez de lancer.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>L\u2019objectif de cet article \u00e9tait d\u2019expliquer ce qu\u2019est une <strong>Progressive Web App.<\/strong> En r\u00e9sumant l\u2019\u00e9pisode de Beyond Marketing que nous avons enregistr\u00e9 \u00e0 ce sujet avec C\u00e9dric Spalvieri, CEO de l\u2019agence Novaway, on a pu voir :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les diff\u00e9rences entre une PWA, une Web App, un site web, et une application native.&nbsp;<\/li>\n\n\n\n<li>Le temps de d\u00e9veloppement d\u2019une PWA.&nbsp;<\/li>\n\n\n\n<li>Les crit\u00e8res qui vont impacter son budget.&nbsp;<\/li>\n\n\n\n<li>Des exemples de PWA<\/li>\n\n\n\n<li>Comment la promouvoir pour avoir des utilisateurs.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Cela dit, si vous souhaitez aller plus loin, je vous invite \u00e0 directement \u00e9couter l\u2019\u00e9pisode 40 de Beyond Marketing, d\u00e9di\u00e9 \u00e0 ce sujet de la PWA :&nbsp;<\/p>\n\n\n\n<p><strong>EMBED PODCAST<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une PWA est une Progressive Web App. Il s\u2019agit d\u2019une application web, qui a \u00e9t\u00e9 enrichie \u00e0 l\u2019aide de plusieurs outils. Ces derniers permettent \u00e0 la web app d\u2019\u00eatre mieux int\u00e9gr\u00e9e \u00e0 un syst\u00e8me, que ce soit un smartphone ou un ordinateur.&nbsp; Pour le dire autrement : une PWA est une application web qui a [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":9051,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[29],"class_list":["post-9050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PWA (Progressive Web App) : Quels sont les avantages ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez ce qu&#039;est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sortlist.fr\/blog\/pwa\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PWA (Progressive Web App) : Quels sont les avantages ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez ce qu&#039;est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.fr\/blog\/pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-18T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-08T08:51:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/\"},\"author\":{\"name\":\"Tancr\u00e8de d'Aspremont Lynden\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\"},\"headline\":\"PWA (Progressive Web App) : Quels sont les avantages ?\",\"datePublished\":\"2022-03-18T08:00:00+00:00\",\"dateModified\":\"2024-03-08T08:51:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/\"},\"wordCount\":2259,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/02\\\/pwa.png\",\"articleSection\":[\"D\u00e9veloppement web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/\",\"name\":\"PWA (Progressive Web App) : Quels sont les avantages ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/02\\\/pwa.png\",\"datePublished\":\"2022-03-18T08:00:00+00:00\",\"dateModified\":\"2024-03-08T08:51:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\"},\"description\":\"D\u00e9couvrez ce qu'est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/02\\\/pwa.png\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/02\\\/pwa.png\",\"width\":1748,\"height\":1240,\"caption\":\"PWA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/pwa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PWA (Progressive Web App) : Quels sont les avantages ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/#\\\/schema\\\/person\\\/3a09cba0494828940c49b550349b464b\",\"name\":\"Tancr\u00e8de d'Aspremont Lynden\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/08\\\/avatar_user_17_1660044810-96x96.jpeg\",\"caption\":\"Tancr\u00e8de d'Aspremont Lynden\"},\"description\":\"Content Manager chez Sortlist. Son travail lui donne l'occasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \\\"Beyond Marketing\\\".\",\"url\":\"https:\\\/\\\/www.sortlist.fr\\\/blog\\\/author\\\/tancrede\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PWA (Progressive Web App) : Quels sont les avantages ?","description":"D\u00e9couvrez ce qu'est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sortlist.fr\/blog\/pwa\/","og_locale":"fr_FR","og_type":"article","og_title":"PWA (Progressive Web App) : Quels sont les avantages ?","og_description":"D\u00e9couvrez ce qu'est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.","og_url":"https:\/\/www.sortlist.fr\/blog\/pwa\/","og_site_name":"Sortlist Blog","article_published_time":"2022-03-18T08:00:00+00:00","article_modified_time":"2024-03-08T08:51:11+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png","type":"image\/png"}],"author":"Tancr\u00e8de d'Aspremont Lynden","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Tancr\u00e8de d'Aspremont Lynden","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/"},"author":{"name":"Tancr\u00e8de d'Aspremont Lynden","@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b"},"headline":"PWA (Progressive Web App) : Quels sont les avantages ?","datePublished":"2022-03-18T08:00:00+00:00","dateModified":"2024-03-08T08:51:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/"},"wordCount":2259,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png","articleSection":["D\u00e9veloppement web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.fr\/blog\/pwa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/","url":"https:\/\/www.sortlist.fr\/blog\/pwa\/","name":"PWA (Progressive Web App) : Quels sont les avantages ?","isPartOf":{"@id":"https:\/\/www.sortlist.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png","datePublished":"2022-03-18T08:00:00+00:00","dateModified":"2024-03-08T08:51:11+00:00","author":{"@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b"},"description":"D\u00e9couvrez ce qu'est une PWA (Progressive Web App) : quels sont ses avantages et ses diff\u00e9rences par rapport \u00e0 une application native.","breadcrumb":{"@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.fr\/blog\/pwa\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/3\/2022\/02\/pwa.png","width":1748,"height":1240,"caption":"PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.fr\/blog\/pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"PWA (Progressive Web App) : Quels sont les avantages ?"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.fr\/blog\/#website","url":"https:\/\/www.sortlist.fr\/blog\/","name":"Sortlist Blog","description":"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.sortlist.fr\/blog\/#\/schema\/person\/3a09cba0494828940c49b550349b464b","name":"Tancr\u00e8de d'Aspremont Lynden","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","url":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","contentUrl":"https:\/\/www.sortlist.fr\/blog\/wp-content\/uploads\/sites\/3\/2022\/08\/avatar_user_17_1660044810-96x96.jpeg","caption":"Tancr\u00e8de d'Aspremont Lynden"},"description":"Content Manager chez Sortlist. Son travail lui donne l'occasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \"Beyond Marketing\".","url":"https:\/\/www.sortlist.fr\/blog\/author\/tancrede\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/9050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/comments?post=9050"}],"version-history":[{"count":5,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/9050\/revisions"}],"predecessor-version":[{"id":16421,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/posts\/9050\/revisions\/16421"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media\/9051"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/media?parent=9050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.fr\/blog\/wp-json\/wp\/v2\/categories?post=9050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}