100 FAQ sur les applications Web progressives (PWA) sur Google et réponses

Bien que le développement d'applications Web progressives soit devenu un problème brûlant récemment, il est encore inconnu de beaucoup de gens. Si vous êtes curieux de savoir ce qu'est la PWA, quelles sont ses technologies sous-jacentes, comment elle fonctionne, ce qu'elle peut apporter, comment elle deviendra dans le futur, etc., continuez à lire !

Après des recherches sur Google et d'autres moteurs de recherche populaires, nous avons trouvé 100 requêtes courantes sur les applications Web progressives (PWA), ce qui signifie qu'elles sont très préoccupantes.

Grâce à notre solide compréhension et à notre expérience du développement de PWA, nous vous donnerons des réponses concises, pratiques et directes à toutes ces questions.

Présentation de l'application Web progressive

1. Que signifie PWA ?

PWA signifie Progressive Web App - un type d'application logicielle fournie via le Web.

2. Qu'est-ce qu'une PWA ?

Essentiellement, une Progressive Web App est un type d'application fonctionnant sur les navigateurs. C'est la raison pour laquelle il peut fonctionner sur plusieurs plates-formes indépendamment du système d'exploitation.

Certaines personnes disent que PWA est l'hybride d'un "site Web" et d'une "application native", car elle approche les utilisateurs comme un site Web normal, mais offre des fonctionnalités similaires à celles d'une application (par exemple : icône sur l'écran d'accueil, écran d'accueil, mode plein écran sans URL, vitesse de chargement rapide et notification push).

3. Qui utilise les PWA ?

Les applications Web progressives sont utilisées par de nombreuses organisations à travers le monde, des éditeurs de nouvelles en ligne aux entreprises de commerce électronique. Toutes sortes de pages Web peuvent s'adapter aux PWA tant que leur objectif est d'offrir une expérience utilisateur exceptionnelle.

4. Qui a inventé les PWA ? / Qui a développé les PWA ?

La vision originale de l'application Web progressive a été apportée par Steve Jobs en 2007 avec le lancement de l'iPhone. Cependant, ni Apple ni Steve Jobs n'ont inventé la Progressive Web App. En fait, le terme application Web progressive a été inventé par Alex Russell et Frances Berriman de Google en 2015.

5. Quelles applications sont des PWA ? / Quels sont les exemples de PWA ?

Jusqu'à présent, il y a eu un nombre important d'applications Web progressives. Après des recherches, nous avons trouvé les 40 meilleurs exemples de PWA dans le monde.

6. Quels navigateurs supportent PWA ?

Tous les navigateurs Web courants tels que Google Chrome, Safari, Mozilla Firefox, Opera, etc. prennent désormais en charge les applications Web progressives. Cependant, la façon dont les PWA fonctionnent sur chaque navigateur peut être assez différente.

7. Quelles sont les fonctionnalités de type application de PWA ?

PWA est né pour ressembler à une application mobile native, ce qui s'exprime via les fonctionnalités ci-dessous :

• Écran de démarrage
• Affichage plein écran
• Mode hors-ligne
• Notifications push
• Pas de rechargement de page
• Accès instantané sur l'écran d'accueil

8. Quand la PWA a-t-elle été créée ?

La Progressive Web App est considérée comme créée par Google il y a 5 ans. Cependant, le concept PWA a été introduit encore plus tôt (en 2007) par Steve Jobs.

Comment fonctionne PWA

9. Comment fonctionne PWA ?

Les PWA fonctionnent sur les navigateurs des utilisateurs et reposent principalement sur trois composants :

• Manifeste de l'application Web : pour afficher toutes les fonctionnalités de type application, telles que la présence d'une icône d'application sur l'écran d'accueil.
• Service worker : pour les tâches en arrière-plan et l'assistance hors ligne.
• Architecture shell applicative : Pour un chargement rapide avec le service worker.

10. Comment installer une PWA sur votre appareil ?

Étant donné que "ajouter à l'écran d'accueil" est l'une des fonctionnalités de PWA, l'installation de PWA sur votre appareil est un processus simple.

Sur les appareils Android : lorsque vous visitez un site Web intégré à PWA sur votre appareil mobile, une fenêtre contextuelle vous demande si vous souhaitez ajouter l'application à l'écran d'accueil.

Sur les appareils iOS : pour ajouter une PWA sur l'écran d'accueil, vous devrez cliquer sur le bouton Partager et sélectionner "Ajouter à l'écran d'accueil" > "Ajouter".

11. Comment télécharger Progressive Web App ?

Contrairement aux applications natives, les applications Web progressives n'obligent pas l'utilisateur à les télécharger à partir d'un magasin d'applications. Tout ce que nous avons à faire est de cliquer sur le bouton "Ajouter à l'écran d'accueil".

12. Comment fonctionne PWA sur les appareils Android ?

Sur les appareils Android, toutes les fonctionnalités des PWA sont prises en charge. Les utilisateurs peuvent facilement ajouter l'application à leur écran d'accueil, ouvrir la page d'accueil, recevoir des notifications push, etc.

13. Comment fonctionne PWA sur iPhone ?

Sur iPhone, les utilisateurs peuvent toujours ajouter le PWA à l'écran d'accueil mobile et l'ouvrir avec l'affichage plein écran. Cependant, il n'y a pas de page d'accueil/de démarrage et de notifications push.

14. Comment fonctionne PWA sur Google Chrome ?

Pour obtenir le PWA à partir du navigateur Chrome, les utilisateurs doivent se rendre sur le site Web (construit avec PWA), puis suivre les instructions à l'écran (popups).

15. PWA fonctionne-t-il sur Firefox ?

Oui, les PWA peuvent fonctionner sur tous les navigateurs, y compris Firefox.

16. Comment envoyer des notifications avec PWA ?

Pour envoyer des notifications à l'aide de PWA, l'administrateur doit accéder au backend du site, puis créer les notifications push. Ici, il peut gérer (modifier/envoyer/supprimer) les messages en toute simplicité.

17. La PWA peut-elle fonctionner hors ligne ?

Absolument oui. Basées sur la technologie des service worker, les PWA peuvent travailler hors ligne. Le fait est que le mode ne fonctionne que pour le contenu mis en cache (pas tout le temps).

18. Les PWA peuvent-ils utiliser la caméra ?

Oui, PWA peut accéder à la caméra et à la pellicule.

19. PWA peut-il fonctionner en arrière-plan ?

Oui, en utilisant les Service Workers, les PWA peuvent s'exécuter en arrière-plan.

Plus précisément, étant donné que les Service Workers ont un cycle de vie distinct de la fenêtre PWA ou de l'onglet du navigateur, nous pouvons effectuer des opérations réseau en arrière-plan, même après la fermeture de la PWA.

S'il y a une opération en ligne mais pas d'accès réseau disponible, le moteur nous laissera traiter en arrière-plan si une connexion est rétablie plus tard.

Il convient de noter que la fonction de synchronisation en arrière-plan n'est disponible que sur certains navigateurs.

20. Les Progressive Web Apps fonctionnent-elles sur le bureau ?

Les PWA fonctionnent sur le bureau comme un site Web normal, mais avec une vitesse de page beaucoup plus rapide. Il n'y a plus de chargement de page entière.

Technologie PWA

21. Qu'est-ce qu'iOnic PWA ?

Selon les documents iOnic : "Ionic Framework est une boîte à outils d'interface utilisateur open source permettant de créer des applications mobiles et de bureau performantes et de haute qualité à l'aide des technologies Web".

De notre point de vue, iOnic fournit une large gamme de fonctionnalités dynamiques pour créer des PWA robustes, rapides et interactives.

En bref, iOnic PWA est l'application Web progressive construite sur le cadre avancé iOnic.

22. PWA quelle langue ?

Les technologies de base derrière Progressive Web App sont JavaScript, HTML et CSS.

23. Qu'est-ce que le manifeste PWA ?

Le manifeste PWA fournit des informations sur une application (telles que des icônes, des noms, etc.). Manifest est créé pour ajouter PWA aux écrans d'accueil des appareils des utilisateurs, affichant l'écran de démarrage, fonctionnant en mode plein écran comme une application native.

24. Qu'est-ce qu'une application Web progressive native React ?

Il existe de nombreuses technologies pour développer des Progressive Web Apps, par exemple, ReactJS, VueJS, etc. Parmi celles-ci, React-native est l'une des plus populaires.

25. Qu'est-ce que la vitrine PWA ?

La vitrine PWA est l'interface utilisateur de PWA. Si un site Web est converti en PWA, son interface sera remplacée par la vitrine PWA.

26. Qu'est-ce que l'API PWA ?

API est l'abréviation d'une interface de programmation d'application. Pour les PWA, l'API joue un rôle fondamental dans la connexion de la vitrine avec le backend/tableau de bord de gestion du site Web.

27. Qu'est-ce que la page d'accueil PWA ?

La page d'accueil est le premier écran que les utilisateurs voient après avoir ouvert la PWA. En général, il comprend un arrière-plan simple avec un logo de marque.

28. Qu'est-ce que le Service Worker PWA ?

Les travailleurs des services sont vitaux pour les PVA. Il sert de base à de nombreuses fonctionnalités avancées de PWA telles que le mode hors ligne, la synchronisation en arrière-plan et les notifications push.

Avantages PWA

29. Comment PWA profite-t-il aux entreprises de commerce électronique ?

Les PWA présentent 10 avantages majeurs pour les magasins de commerce électronique :

• Améliorez l'expérience des acheteurs
• Prenez moins de temps dans le développement et la maintenance
• Soyez indépendant sur les services de distribution d'applications
• Minimiser les coûts de marketing et de publicité
• Réengager les clients dans le magasin
• Prise en charge du référencement pour un trafic et un classement plus élevés du site
• Améliorer la réputation de la marque
• Augmenter le taux de conversion
• Stimulez plus d'achats
• Maintenir la haute performance du magasin

30. Comment PWA profite-t-il aux utilisateurs finaux ?

Les applications Web progressives sont très bénéfiques non seulement pour les commerçants mais aussi pour les clients. Les 10 principaux avantages des PWA pour les utilisateurs finaux incluent :

• Installation rapide et facile
• Vitesse de chargement rapide
• Économisez l'utilisation des données mobiles
• Expérience semblable à une application
• Accès hors ligne
• Opérations sécurisées
• Mises à jour sans effort
• Avis de promotion
• Appareils de leur choix

31. Pourquoi utiliser la Progressive Web App ?

Nous avons de nombreuses raisons d'utiliser les Progressive Web Apps, mais les plus convaincantes sont :

• Vitesse fulgurante : la vitesse de chargement de PWA est confirmée comme étant 3 fois plus rapide qu'une page Web normale.
• Engagement élevé : L'une des fonctionnalités les plus impressionnantes de PWA est la possibilité d'envoyer des notifications push aux utilisateurs. Il s'agit d'un moyen efficace pour les entreprises de faire de la publicité sans gaspiller d'argent en marketing par e-mail, en publicités ou en appels à froid.
• Meilleure expérience utilisateur : les PWA donnent aux utilisateurs l'impression d'utiliser une application native.

32. Comment la PWA génère-t-elle plus de trafic ?

Il y a deux points forts qui font que PWA génère plus de trafic vers votre site :

• Optimisé pour le référencement : PWA est détectable, associable et partageable. De plus, PWA est plus facile à obtenir en tête de recherche qu'un site Web normal en raison de sa vitesse rapide et de sa compatibilité avec les mobiles.
• Réputation améliorée : être un exemple réussi de PWA peut apporter de nombreux avantages aux propriétaires d'entreprise. Presque tous les articles sur PWA mentionnaient Alibaba, Lancôme, Starbucks, Twitter, Pinterest, Tinder, etc. En conséquence, cela contribue à générer un trafic organique important vers ces sites.

33. À qui la PVA a-t-elle profité ?

PWA profite le plus aux propriétaires d'entreprise pour les raisons suivantes :

• Expérience utilisateur améliorée avec une vitesse de chargement de page plus rapide, une expérience semblable à celle d'une application et un mode hors ligne.
• Amélioration du classement SEO en réduisant le taux de rebond et en augmentant la durée de la session.
• Engagement client accru grâce aux notifications push.

Toutes les fonctionnalités PWA visent à améliorer l'expérience utilisateur et à augmenter le taux de conversion.

34. Qui la PWA était-elle censée aider ?

Sur la base de ses fonctionnalités spéciales, PWA est né pour offrir aux utilisateurs la meilleure expérience, en particulier pour ceux qui utilisent des appareils mobiles. De plus, les PWA aident à améliorer les performances du commerce électronique. Par conséquent, PWA n'est pas seulement destiné à aider les utilisateurs, mais également les entreprises/propriétaires de sites Web.

35. Pourquoi PWA est plus rapide qu'un site web normal ?

PWA est plus rapide qu'un site Web normal car il utilise des service workers et une technologie de pré-cache.

36. La PWA est-elle réactive ?

Oui, les PWA ont une conception réactive pour s'adapter à toutes les tailles d'écran, des téléphones mobiles, tablettes et ordinateurs portables aux ordinateurs de bureau.

37. La PWA est-elle multiplateforme ?

Oui, PWA fonctionne essentiellement sur le navigateur, par conséquent, le fonctionnement multiplateforme est l'une de ses fonctionnalités principales.

38. La PWA est-elle indépendante du réseau ?

Pas complètement. PWA a encore besoin d'une connexion lors du premier chargement et de se mettre à jour. En termes simples, sans Internet, les utilisateurs peuvent toujours consulter les pages auxquelles ils ont accédé auparavant ou continuer à naviguer tant que le contenu a déjà été chargé et enregistré dans le cache.

39. La PWA est-elle sécurisée ?

Oui, les PWA sont sécurisées pour les utilisateurs car avoir un certificat SSL (HTTP) est l'une des premières conditions pour construire une PWA.

40. Pourquoi est-il important d'avoir une PWA ?

D'une part, les PWA aident les entreprises à augmenter l'engagement de leurs utilisateurs, le trafic global et les prospects, les utilisateurs actifs quotidiens, le taux de conversion, le temps moyen passé sur le site, les pages vues, les visiteurs récurrents, les revenus, etc.

D'autre part, les PWA aident à réduire le taux de rebond, le temps de chargement des pages, le coût par conversion, le taux d'abandon du panier et les dépenses de marketing.

41. Quelles sont les meilleures fonctionnalités de PWA ?

Les meilleures fonctionnalités de PWA sont :

• Ajouter à l'écran d'accueil
• Mode hors-ligne
• Interface semblable à une application
• Auto-mises à jour
• Notification push

42. Quelle est la fonction la plus importante des PWA ?

Chaque fonction des Progressive Web Apps joue un rôle essentiel dans la création d'une plate-forme dynamique pour offrir une expérience utilisateur mobile améliorée. Cependant, de notre point de vue, "Ajouter à l'écran d'accueil" est le plus important. Grâce à cela, les PWA peuvent combler le fossé entre les sites Web traditionnels et les applications natives, et ouvrir la porte aux fonctionnalités attrayantes de type application.

Potentiels PWA

43. La PWA est-elle prête à l'emploi ?

Définitivement oui. Les applications Web progressives peuvent désormais être appliquées à toutes sortes de pages Web.

44. Comment PWA va-t-elle évoluer dans le futur ?

PWA connaît maintenant une croissance rapide en termes de qualité et de part de marché en raison des énormes avantages qu'elle apporte. Nous pensons que PWA sera la future norme de développement Web.

Actuellement, les fonctionnalités de PWA ne sont pas entièrement prises en charge sur iOS, mais celles-ci seront acceptées tôt ou tard.

45. Les PWA remplaceront-elles les applications ?

Probablement oui. Aujourd'hui, de nombreuses entreprises préfèrent les PWA aux applications natives (en raison de la réduction des coûts et du temps de développement). Cependant, comme les utilisateurs utilisent des applications natives depuis très longtemps, cela peut prendre des années pour éduquer les utilisateurs sur les PWA et changer leurs comportements.

Par conséquent, les applications natives pourraient être remplacées par des PWA un jour dans le futur, lorsqu'elles deviendront familières à tous les utilisateurs potentiels.

46. ​​Pourquoi les PWA sont-elles l'avenir ?

Au cours de la dernière décennie, les gens ne peuvent pas imaginer l'existence d'un site Web qui ressemble et se comporte comme une application. La vérité n'est rien d'impossible, cette idée se transforme maintenant en réalité au nom de PWA. Sans aucun doute, PWA sera l'avenir du Web mobile.

47. PWA en vaut-il la peine ?

Il ne suffit jamais de parler des avantages que les PWA ont apportés aux propriétaires d'entreprise et aux utilisateurs finaux. Pour une analyse plus détaillée, vous pouvez trouver la réponse vous-même ici .

Limitations PWA

48 . Quelles fonctionnalités de PWA ne sont pas prises en charge sur iOS ?

Bien que les PWA soient pris en charge par le système d'exploitation iOS, certaines fonctionnalités manquent, telles qu'une page d'accueil/de démarrage et une notification push. J'espère que ceux-ci fonctionneront sur les appareils iOS dans un proche avenir.

49. Pouvons-nous soumettre des PWA aux magasins d'applications ?

Il est possible de soumettre des PWA à Google Play et Microsoft Store en utilisant Trusted Web Activity (TWA). Cependant, nous ne recommandons pas fortement la soumission pour le moment pour quatre raisons :

• Premièrement, le processus est très compliqué et demande certainement plus d'efforts que de soumettre une application native normale.
• Deuxièmement, il n'y a aucune garantie que toutes les fonctionnalités PWA puissent fonctionner correctement après avoir été converties et soumises à Google Play.
• Troisièmement, l'un des plus grands avantages des PWA par rapport aux applications natives est l'indépendance des services de distribution d'applications. Si vous soumettez PWA à l'App Store, cette force perd tout son sens.
• Enfin, si nous voulons que les utilisateurs se familiarisent avec PWA, nous devons leur faire savoir comment cela fonctionne réellement, plutôt que de l'utiliser comme une application native.

Pour l'App Store d'Apple, rien n'indique qu'il acceptera ou non les soumissions PWA à l'avenir.

50. Existe-t-il un générateur PWA en ligne ?

Il existe plusieurs sites Web qui fournissent des constructeurs de PWA en ligne. Sur ces sites, les utilisateurs pourront personnaliser leur conception PWA à l'aide des modèles disponibles. Par exemple, ils peuvent télécharger un logo, modifier la page d'accueil, sélectionner le style de menu, les polices, le jeu de couleurs, l'arrière-plan, etc. Aucun produit ou contenu de site n'est ajouté à cette étape. Après cela, le site générera une démo PWA basée sur les composants sélectionnés.

Le fait est que tout ce que les utilisateurs voient n'est qu'un aperçu rapide de la conception de la vitrine PWA, rien de plus. Pour faire une vraie PWA, en général, vous devrez contacter les propriétaires du site et utiliser leurs "services réels".

51. Qui s'est opposé à la PWA ?

Il y a un petit nombre de personnes conservatrices, qui n'ont pas tendance à accepter les nouvelles technologies et qui honorent toujours les applications natives. Ils se sont opposés à la PWA.

52. Pourquoi PWA est mauvais ?

Malgré leurs divers atouts, les Progressive Web Apps présentent des faiblesses indéniables, par exemple :

• Impossible d'accéder à certaines fonctionnalités des appareils mobiles
• Trafic potentiel manquant des magasins d'applications
• Flux de travail différent sur les appareils iOS
• Peu de choix de développeurs PWA expérimentés
• Prenez le temps d'éduquer les nouveaux utilisateurs

Développement PWA

53. Comment créer une PWA ?

Si vous êtes un développeur, vous devez avoir de solides connaissances et une expérience dans la conception et le développement de sites Web et d'applications pour créer une PWA. Pas encore, puisqu'il s'agit d'une nouvelle technologie, il y a beaucoup de choses à apprendre. En outre, vous pouvez trouver des outils utiles qui prennent en charge le développement de PWA.

Si vous êtes un propriétaire d'entreprise sans formation technique, trouver une société/agence de développement PWA de confiance est la première étape. Avec des années d'expérience dans cette technologie et un certain nombre de projets réussis, Tigren peut vous aider à créer une PWA riche en fonctionnalités à un prix abordable.

Contactez-nous pour obtenir un plan parfait pour votre projet d'intégration PWA !

54. Comment concevoir une Progressive Web App ?

Pour avoir une PWA Storefront bien conçue, vous devez créer deux versions : une pour le bureau (comme une conception de site Web conventionnelle) et une autre pour le mobile (comme une application native).

55. Quelles sont les normes/liste de contrôle PWA ?

Selon Google Developers , les points suivants devraient être inclus dans la liste de contrôle Progressive Web App :

• Liste de contrôle de base (servie sur HTTPs, responsive, chargement hors ligne, "ajouter à l'écran d'accueil", premier chargement rapide, travail sur plusieurs navigateurs, etc.)
• Liste de contrôle exemplaire (indexabilité et réseaux sociaux, expérience utilisateur, performances, mise en cache, notifications push et fonctionnalités supplémentaires)

56. Comment optimiser les PWA ?

Si vous souhaitez optimiser votre PWA, vous devez avant tout effectuer un audit à l'aide de Google Lighthouse. Il évaluera vos PWA sous divers aspects, à savoir les performances, l'accessibilité, les meilleures pratiques et le référencement .

La particularité est que cet outil montre non seulement vos faiblesses (le cas échéant), mais suggère également des solutions d'amélioration appropriées.

57. Quel est le coût d'une PWA ?

Le coût de la PWA est basé sur la méthode que vous choisissez pour intégrer la PWA dans votre site. Par exemple, si vous utilisez un plugin ou une extension prêt à l'emploi, cela coûte peu d'argent ; parfois, cela peut être gratuit. Cependant, seules quelques fonctionnalités de PWA sont fournies.

Une autre solution courante pour créer des PWA consiste à embaucher des développeurs/agences expérimentés. Dans ce cas, le coût de PWA sera de l'ordre de 5 000 $ à 50 000 $ en fonction de vos besoins spécifiques et du taux horaire des développeurs.

58. Comment obtenir un devis pour PWA ?

Pour obtenir un devis exact pour votre projet de développement d'applications Web progressives, contactez Tigren maintenant ( [email protected] ).

59. Quelle plateforme e-commerce est adaptée au développement de PWA ?

La plupart des plates-formes de commerce électronique populaires prennent en charge le développement de PWA, par exemple : Magento, Shopify, WooCommerce et BigCommerce. Cependant, seul Magento a publié un outil officiel pour créer des applications Web progressives (Magento PWA Studio).

60. Comment convertir un site Web en PWA ?

Il existe deux façons de convertir un site Web en Progressive Web App. La première consiste à installer des plugins ou des extensions PWA prêts à l'emploi sur votre site Web actuel. L'autre méthode consiste à rechercher un fournisseur de services de développement PWA fiable pour créer une PWA sur mesure pour votre entreprise.

61. Comment convertir l'application native en PWA ?

Une application native, en gros, ne peut pas être convertie en PWA. Convertir une application native en PWA signifie créer une PWA à partir de zéro. La seule chose qui pourrait être conservée est la conception de l'application.

62. Est-ce cher de construire une PWA ?

En général, il est rentable de créer des Progressive Web Apps. Surtout, comparées aux applications natives ou hybrides, les PWA sont beaucoup plus raisonnables.

Cependant, les coûts spécifiques des PWA varient en fonction des besoins de l'entreprise. Par exemple, si votre site Web d'origine contient de nombreuses fonctions de commerce électronique personnalisées, il faudra du temps pour mettre à jour l'API et la vitrine de la PWA afin qu'elles fonctionnent avec toutes ces fonctions. Par conséquent, le temps et le coût associés au développement de votre PWA seraient plus élevés.

63. Combien de temps faut-il pour créer une PWA ?

La période de temps pour créer une PWA dépend de la complexité des exigences du projet ainsi que de la solution que vous avez choisie. Pour développer une PWA à partir de zéro, cela peut prendre de cinq à six mois.

Pendant ce temps, si vous choisissez une solution prête à l'emploi (comme le thème TigrenPWA), votre temps de développement peut être considérablement réduit à seulement 1 à 3 mois.

64. Quelle est la meilleure solution pour construire une PWA ?

Pour sélectionner la meilleure solution pour construire une Progressive Web App, le plus important est de définir clairement les exigences de votre projet et votre budget. Il n'y a pas de "meilleure solution pour tous".

En supposant que vous souhaitiez créer une PWA avec toutes ses fonctionnalités potentielles, ajoutées à certaines fonctions de commerce électronique tout en disposant d'un budget de 5 000 à 20 000 $, l'utilisation du thème PWA prêt à l'emploi de Tigren serait un choix parfait.

65. Comment tester une PWA ?

Une Progressive Web App peut être testée avec Google Lighthouse. Cet outil est créé pour analyser les performances des pages Web, en particulier les PWA.

66. Comment mettre à jour une PWA ?

Du point de vue des utilisateurs finaux, PWA est toujours à jour sans télécharger la dernière version et réinstaller comme des applications natives. Grâce aux Service Workers, les PWA peuvent être mises à jour avec la suppression automatique de l'ancien cache.

Du point de vue des développeurs, la mise à jour de la PWA permet de gagner du temps et des efforts car elle nécessite une seule base de code.

67. Comment recruter des développeurs PWA ?

Pour embaucher des développeurs PWA, vous pouvez contacter des sociétés de développement PWA réputées ou embaucher des indépendants.

Étant donné que PWA est une nouvelle technologie demandant une solide expérience et une compréhension du développement, vous feriez mieux d'opter pour la première recommandation.

68. Quelles sont les meilleures sociétés de développement de PWA ?

Selon votre type de site Web / entreprise, vous pouvez trouver une société de développement PWA appropriée. Par exemple, si vous êtes propriétaire d'une boutique de commerce électronique Magento, Tigren est toujours l'un des premiers choix en matière de fournisseurs de services d'intégration PWA.

69. Comment se préparer au développement des PWA ?

Pour vous préparer au développement de PWA, vous pouvez suivre cette liste de contrôle :

• Spécification des exigences de votre projet
• Trouver le fournisseur de services PWA le plus adapté à votre type de site
• Préparez votre budget
• Discutez avec vos développeurs et définissez le périmètre du projet
• Créez un calendrier et respectez-le

70. Comment démarrer avec PWA ?

Si Progressive Web App est nouveau pour vous, vous pouvez en savoir plus à ce sujet en lisant cet e-book. Ou, si vous souhaitez commencer à développer votre PWA, contactez-nous maintenant pour obtenir un plan et un devis adaptés à vos besoins uniques.

Les autres

71. La PWA est-elle réservée au commerce électronique ?

Heureusement, la réponse est non. PWA peut être intégré à tout type de site Web, du commerce électronique (par exemple : Alibaba, Flipkart, Lancome, Lotto, Pure Formulas, ShopEddies), des réseaux sociaux (par exemple : Twitter Lite, Instagram Lite, Pinterest, Tinder), aux actualités (par exemple : Financial Times, Washington Post, Nau.ch, Infobae).

Lire la suite : 40 exemples d'applications Web progressives (PWA)

72. Pouvons-nous utiliser à la fois la PWA et l'application native ?

Oui nous pouvons. PWA et les applications natives fonctionnent indépendamment. Bien que PWA puisse fournir la plupart des fonctionnalités de l'application native, c'est assez nouveau pour de nombreux utilisateurs. En attendant que les utilisateurs s'adaptent à cette technologie, vous pouvez fournir à la fois des applications PWA et natives.

73. Quelle est l'étude de cas PWA la plus réussie ?

L'étude de cas PWA la plus réussie pourrait être Alibaba. Selon Google Developer, après avoir intégré une PWA, ses conversions sur tous les navigateurs sont 76 % plus élevées. Son nombre d'utilisateurs actifs est de 14% et 30% de plus sur iOS et Android, respectivement. Il suffit de regarder le nombre, nous pouvons comprendre pourquoi Alibaba est considéré comme l'étude de cas PWA la plus remarquable.

74. Où PWA est-il populaire ?

Le PWA est en train de devenir une tendance dans le monde entier. Il n'est pas populaire dans n'importe quel domaine spécifique.

75. Qu'est-ce que PWA pour Magento ?

Magento est l'une des plateformes de commerce électronique les plus populaires de nos jours. PWA pour Magento est un site Web Magento intégré à PWA / converti en PWA dans le but d'améliorer l'expérience utilisateur et les performances du site.

76. Pourquoi PWA plutôt qu'une application hybride ?

La racine de dire PWA sur les applications hybrides sera indiquée ci-dessous :

• Distribution : l'application hybride n'apparaît que sur les magasins d'applications et doit être installée avec un long processus pour être utilisée sur les appareils mobiles des utilisateurs. Au contraire, les PWA peuvent être ajoutées rapidement sans accéder à aucun magasin de distribution d'applications.
• Rentabilité : Bien que les PWA et les applications hybrides soient multiplateformes (utilisant une seule base de code pour iOS et Android), le coût de développement des PWA est toujours moins cher que celui de l'application hybride. De plus, comme les PWA ne sont pas soumises aux magasins d'applications, vous n'avez pas à payer de frais annuels.
• Performances : PWA offre une meilleure expérience lorsqu'il s'agit d'une connexion à faible bande passante ou même sans connexion. Alors que l'application hybride n'offre pas un tel avantage. De plus, en utilisant des PWA (avec l'essence des sites Web), vous pouvez atteindre plus de clients potentiels qu'en utilisant des applications hybrides.

77. Où héberger PWA ?

Il existe certaines conditions pour le serveur et l'hébergement si vous souhaitez créer une application Web progressive.

78. Pourquoi PWA plutôt que des applications natives ?

Il y a cinq raisons principales pour lesquelles les PWA sont au-dessus des applications natives :

• Une application native ne peut fonctionner que sur un certain système d'exploitation (iOS ou Android) tandis que PWA est alimenté par des navigateurs mobiles et pris en charge sur iOS et Android.
• Les marchands doivent soumettre des applications natives aux magasins d'applications (avec certains frais) afin que les applications puissent être trouvées. Tandis que les PWA bénéficient d'une distribution flexible et illimitée, car ils n'ont pas besoin d'être répertoriés dans une boutique d'applications.
• Les utilisateurs doivent télécharger les applications natives à partir d'un magasin d'applications ; pendant ce temps, PWA peut être installé rapidement après avoir été ajouté à l'écran d'accueil.
• Les utilisateurs doivent accéder à leurs magasins d'applications pour obtenir la dernière version des applications natives, mais actualiser pour obtenir les mises à jour PWA.
• Étant donné que PWA s'exécute directement dans un navigateur Web, il est plus facile pour les propriétaires de magasins de partager et de promouvoir les PWA que les applications natives. Les PWA fonctionnent à la demande sans occuper la mémoire de l'appareil comme les applications natives.

79. Pourquoi PWA est moins cher qu'une application native ?

Développer une PWA est beaucoup moins cher qu'une application native. La raison en est que les applications natives ne fonctionnent que sur un système d'exploitation spécifique à la fois, tandis que les PWA peuvent fonctionner sur plusieurs plates-formes.

En d'autres termes, PWA peut être développé avec une seule base de code pouvant fonctionner à la fois pour les systèmes d'exploitation Android et iOS. Pendant ce temps, vous devrez développer deux applications natives distinctes pour servir à la fois les utilisateurs Android et iOS.

80. Quelle plateforme e-commerce est prête pour le développement de PWA ?

La plupart des plates-formes de commerce électronique populaires sont prêtes pour le développement de PWA telles que Magento, Shopify, Bigcommerce, Woocommerce, etc.

81. La PWA est-elle adaptée aux startups ?

Si les startups n'ont pas encore de site Web, PWA est un choix optimal pour elles. Le développement d'une PWA peut être plus coûteux que la création d'un site Web normal, mais les avantages qu'il apporte aux entreprises sont innombrables.

En fait, pour approcher un large public, une entreprise doit développer à la fois un site Web et une application native. Au lieu de gaspiller de l'argent sur la création d'un site Web et d'une application native coûteuse, la création de PWA est une solution plus rentable.

82. Devrions-nous construire PWA ou AMP ?

Les faiblesses d'AMP et les forces de PWA seront discutées.

AMP est une forme abrégée pour Accelerated Mobile Pages.

• AMP est plus adapté aux pages Web à contenu léger.
• AMP ne prend pas en charge la capacité d'achat (page de panier, pages de paiement).
• La page AMP et le site Web d'origine fonctionnent en parallèle. Ainsi, AMP ne fait rien pour améliorer le site d'origine.
• La conception des pages AMP est restreinte, ce qui peut entraîner une baisse de l'engagement des utilisateurs et une diminution des conversions.

Pendant ce temps, les applications Web progressives offrent de nombreux avantages.

• Expérience utilisateur améliorée (expérience semblable à une application, mode hors ligne, synchronisation en arrière-plan, vitesse de chargement de page plus rapide)
• Amélioration des classements SEO (réduction du taux de rebond, augmentation de la durée des sessions, amélioration de l'expérience utilisateur…)
• Plus sécurisé qu'un site Web normal (servi avec HTTPS)
• Meilleur engagement client (avec notifications push)
• Installation facile avec "Ajouter à l'écran d'accueil"
• Mise à jour automatique

Si vous ne pouvez sélectionner qu'une seule option - AMP ou PWA, PWA serait un meilleur choix.

83. Comment éduquer les utilisateurs sur les PWA ?

De plus en plus de gens connaissent Progressive Web App et ses avantages. De nombreux utilisateurs ont même expérimenté PWA plusieurs fois sans s'en rendre compte.

Il existe deux façons d'éduquer les utilisateurs finaux sur PWA. Le premier est… de ne rien faire et de les laisser se comprendre eux-mêmes puisque PWA est extrêmement facile à utiliser avec la fenêtre contextuelle d'ajout à l'écran d'accueil. La deuxième solution consiste à annoncer votre PWA directement sur le site. Il est facile d'installer l'application, mais pour profiter de toutes ses fonctionnalités étonnantes, les utilisateurs doivent en savoir plus sur son fonctionnement.

84. Comment trouver les actualités PWA ?

Les actualités PWA peuvent être trouvées sur les blogs technologiques, Medium, ou des pages Web comme PWA News ou le site Web des sociétés de développement PWA (par exemple: Tigren's Blog ).

85. Comment trouver un guide PWA pour les marchands ?

Le livre électronique "PWA On Your Hands" de Tigren est l'un des guides PWA les plus fiables pour les commerçants. Vous pouvez le télécharger ici.

86. Le PWA est-il gratuit ?

Il existe de nombreux plugins et extensions PWA gratuits. Cependant, celui qui est gratuit peut ne pas répondre à vos exigences et être de mauvaise qualité. La meilleure solution consiste à engager un fournisseur de services PWA pour créer une bonne PWA.

87. Le PWA est-il bon pour le référencement ?

PWA est évalué comme étant compatible avec le référencement. Avec l'interface de l'application mais ayant toujours une URL, PWA est associable et partageable.

88. Quelle est la vitesse de PWA ?

En général, les PWA sont au moins trois à cinq fois plus rapides qu'un site Web normal.

89. Quelle est la première PWA au monde ?

Personne ne sait quelle est la première PWA au monde. Nous savons seulement que PWA nous a été proposé par Alex Russell et Frances Berriman de Google en 2015.

90. Est-il possible de distribuer une PWA sans site Web ?

Oui c'est le cas. Nous pouvons créer une PWA à partir de zéro sans site Web.

91. Est-il indispensable d'avoir des SSL pour PWA ?

Un PWA doit être sécurisé et sécurisé, par conséquent, le certificat SSL (Secure Sockets Layer) est nécessaire.

92. La PWA est-elle présente dans les app stores ?

PWA est un type de Web fourni via le site Web, ce qui signifie qu'il ne s'agit pas complètement d'une application et qu'il n'apparaîtra pas dans les magasins d'applications.

93. Est-il possible d'intégrer PWA avec l'AMP ?

Oui, la combinaison PWA et AMP vous fournira des atouts et des avantages significatifs des deux mondes.

94. Puis-je créer une PWA sans connaissances en codage ?

La réponse est oui. Sans connaissances en codage, les applications Web progressives peuvent être créées avec des plugins ou des extensions prêts à l'emploi. Cependant, le résultat que vous obtiendrez de ces plugins PWA peut ne pas satisfaire votre demande et même provoquer des conflits avec votre site. La meilleure suggestion est que vous devriez engager un fournisseur de services professionnel si vous voulez vraiment convertir votre site en PWA.

95. Comment trouver des tutoriels PWA ?

Il existe de nombreux tutoriels PWA sur Google et Youtube. Tous les didacticiels guident la création d'une PWA à partir de zéro, mais ce sera toujours difficile pour les personnes qui n'ont pas de connaissances en codage.

96. Existe-t-il un ebook PWA disponible ?

Il existe de nombreux guides courts sur les applications Web progressives que vous pouvez trouver sur Google. Cependant, un seul ebook complet de PWA a été publié par Tigren.

Vous pouvez y accéder ici pour obtenir notre ebook PWA gratuit.

97. Que sont les extensions/ plugins PWA ?

Les extensions/plugins PWA sont de petits programmes logiciels qui personnalisent une plate-forme spécifique à une PWA. Il existe plusieurs plugins PWA pour des plateformes telles que WordPress, Magento, Shopify, etc.

98. Qu'est-ce que Google Lighthouse PWA ?

Google Lighthouse est un outil automatisé créé pour analyser les performances des pages Web. La particularité de Gooogle Lighthouse est sa capacité à tester les applications Web progressives avec les meilleures pratiques.

99. Comment trouver le support PWA ?

As-tu besoin d'aide? Vous pouvez nous contacter directement pour le support PWA à [email protected] .

100. Quelles sont les bonnes pratiques PWA ?

La meilleure pratique de PWA est l'expérience qu'elle apporte à l'utilisateur.

Toutes les fonctionnalités de Progressive Web Apps visent à offrir aux utilisateurs les meilleures expériences. Avec une vitesse de chargement rapide des pages, un mode hors ligne et une interface semblable à une application, l'expérience utilisateur est au centre de l'attention des développeurs. De mon point de vue, PWA réussit bien à améliorer l'expérience utilisateur.

De plus, la fonctionnalité de notifications push aide les propriétaires d'entreprise à maintenir un meilleur engagement avec l'utilisateur.