Retour expérience PWA

passion · 30 Septembre 2018

Bonjour,

J'hésite à lancer mon site disponible en PWA (Progressive Web Apps).
Maintenant que nous passons en mobile-first,c'est peut-être intéressant.
Ce projet sera une marketplace internationale, je me dis que cela peut-être un + mais bon...

Avant d'y apporter de l'importance, j'aimerai avoir votre retour d'expérience pour celles et ceux qui l'utilisent.

Niveau stats, avez-vous quantifié le taux de visiteurs utilisant votre pwa ?
Avez-vous remarqué une hausse de vos visiteurs réguliers grâce à ça ?

Merci

Madrileño · 30 Septembre 2018

Bonjour,

Un sujet avec de nombreux liens et informations utiles :
https://www.webrankinfo.com/forum/t...sive-web-apps-et-fin-des-apps-mobiles.192763/ .

Temps de réponse : 5 minutes.
Cordialement.

rick38 · 1 Octobre 2018

La comparaison d'une PWA ne devrait pas être avec le site Web mais avec l'app mobile.
Par rapport à une app mobile qu'il faut installer, il est clair que l'engagement est plus facile et que c'est moins coûteux à développer.

spout · 1 Octobre 2018

C'est un "plus" qui ne coûte pas cher, pas plus que de créer un topic sur WRI. Maintenant je met un manifest et service worker à tous les applications que je développe.

Je ne sais pas te dire pour les stats parce que je ne fais quasi plus que des applications Web.

passion · 1 Octobre 2018

spout a dit:
C'est un "plus" qui ne coûte pas cher

Bah c'est fait, on verra bien

spout a dit:
Maintenant je met un manifest et service worker

Je vais suivre ton idée. ça ne mange pas de pain.

Je vais mettre en traceur sur mon start_url, histoire de voir le nb d'installation.

rick38 a dit:
La comparaison d'une PWA ne devrait pas être avec le site Web mais avec l'app mobile.

Oui et non, c'est hybride.

Merci de vos retours.

rick38 · 2 Octobre 2018

spout a dit:
C'est un "plus" qui ne coûte pas cher, pas plus que de créer un topic sur WRI. Maintenant je met un manifest et service worker à tous les applications que je développe

Ca c'est l'utilisation minimale, mais en principe l'idée est d'aller plus loin en proposant un mode offline : stockage en local de tout le "design" du site (le squelette html/css), stockage des derniers contenus visités aussi, et donc permettre d'ouvrir même si la personne n'est pas connectée à internet sur son mobile (ou même si elle l'est, le chargement sera bien plus rapide puisque chaque page ne chargera que le contenu à mettre à jour).
Pour les sites de news/infos, une option pour sauvegarder un article et le lire plus tard.
Pour les sites ayant une messagerie, des notifications pushs quand on reçoit un message... Etc...

Le bonus en terme de SEO par contre, c'est MS qui a annoncé que les PWA pourront figurer dans le Windows Store.
A vérifier où ça en est, et s'ils considèrent toutes les PWA ou alors celles qui utilisent vraiment des fonctionnalités comme celles dont j'ai parlées.

spout · 2 Octobre 2018

rick38 a dit:
Ca c'est l'utilisation minimale, mais en principe l'idée est d'aller plus loin en proposant un mode offline : stockage en local de tout le "design" du site

Oui oui, mais cette partie est gérée par Webpack : https://developers.google.com/web/tools/workbox/
De plus j'utilise aussi IndexedDB via localforage.

ortolojf · 21 Janvier 2019

Excusez-moi

A propos de Workbox de Google :

Je viens de voir çà :

https://developers.google.com/web/tools/workbox/

Workbox utilise à la fois les approches : "cache-first" et "runtime-cache" en synchrone, ce qui permet d'améliorer la rapidité de chargement.

Webpack semble incorporer "tout en un", mais il est installable avec npm.

Question stupide : Ne pourrait-on se passer de npm ?

J'ai essayé pendant trois jours de mettre un service worker ( pre-cache ) sur mon site avec PWABuilder, j'ai renoncé.

N'y a-t-il pas des tutoriaux pour Workbox ?

Merci.

,

saluts92 · 24 Juillet 2020

spout a dit:
Maintenant je met un manifest et service worker à tous les applications que je développe

ok pour le manifest, mais quel SW mets tu s'il n'y a pas de besoin particulier

egalement où en est on en 2020 des PWA, Apple est t-il enfin compatible ? et peut on les développer de façon pérenne

je ne trouve que très peu de News et d'information à ce sujet

spout · 24 Juillet 2020

saluts92 a dit:
mais quel SW mets tu s'il n'y a pas de besoin particulier

Celui généré automatiquement par Workbox / Webpack : https://developers.google.com/web/tools/workbox donc au minimum pour le precaching.

Pour iOS: https://love2dev.com/pwa/ios/

saluts92 · 24 Juillet 2020

OK merci @spout

je voulais savoir si avec les SW on peut modifier ceratines choses du smartphone au meme titre qu'une application.
Actuellement mes applis (android et IOS) rajoute un raccourci vers elle même (à l'installation) dans le menu "Partager" du smartphone, j'ai du mal à savoir jusqu'ou on peut aller avec les SW,
Crois tu que l'on peut gérer cela avec ? ou les SW servent uniquement à gérer le cache d'un site ?

spout · 24 Juillet 2020

Le partage se fait même sans PWA: https://web.dev/web-share/
Le worker permet d'autres choses : https://developers.google.com/web/ilt/pwa/introduction-to-service-worker#what_can_service_workers_do

Et ce site permet de voir ce que ton appareil permet: https://whatwebcando.today/ (c'est un PWA aussi)

Il y a un truc qui (me) manque cruellement, c'est d'avoir accès à la géoloc dans le SW : https://stackoverflow.com/a/54208989/1656355

saluts92 · 25 Juillet 2020

spout a dit:
Le partage se fait même sans PWA: https://web.dev/web-share/

Merci c'est exactement ce que je cherchais, malheureusement c'est au stade de l'expérimentation ET pas encore compatible avec tous. Ca me laisse le temps de faire mes tests et d'attendre une plus grande compatibilité
Petit bémol : le "share" s'active uniquement sur action utilisateur

spout a dit:
c'est d'avoir accès à la géoloc dans le SW

bizarre, j'ai lu (sans encore trouver d'exemple concret) que c'était possible pourtant

spout · 25 Juillet 2020

saluts92 a dit:
bizarre, j'ai lu (sans encore trouver d'exemple concret) que c'était possible pourtant

T'as lu ça où ?

saluts92 · 25 Juillet 2020

spout a dit:
T'as lu ça où ?

ici par exemple

saluts92 · 25 Juillet 2020

spout a dit:
Le worker permet d'autres choses : https://developers.google.com/web/ilt/pwa/introduction-to-service-worker#what_can_service_workers_do

d'après ce lien les SW permettent de gérer la gestion du site OFFline (réseau, cache, ...) ainsi que les Notifications et le Push

mais à quel moment , et surtout comment, les SW nous permettent d'intergarir avec les ressources du smartphone (caméra, micro, géolocalisation, etc...)

saluts92 · 25 Juillet 2020

spout a dit:
Le partage se fait même sans PWA: https://web.dev/web-share/

en fait j'ai parlé trop vite, cela ne répond pas à mon besoin qui est : rajouter une icone dans le menu "Partage" du navigateur, afin que ce "partage vers..." soit accessible des autres sites internet visités

spout · 25 Juillet 2020

C'est faisable avec le manifest: https://web.dev/web-share-target/

Tu avais vraiment cherché ?

saluts92 · 25 Juillet 2020

spout a dit:
Tu avais vraiment cherché ?

oui, mais en français, j'ai du mal en anglais, alors faire des recherches en anglais, je n'essaie meme pas

mais merci, je vais voir cela et faire et je ferais un retour

spout · 25 Juillet 2020

Oufti, oui il faut absolument chercher en anglais.

saluts92 · 25 Juillet 2020

spout a dit:
oui il faut absolument chercher en anglais.

c'est vrai que ce sujet n'inspire pas/plus les français...

saluts92 · 29 Juillet 2020

spout a dit:
C'est faisable avec le manifest: https://web.dev/web-share-target/

Retour de test :
Rappel de mon besoin : depuis la consultation de mon site Web, faire en sorte que cela installe mon "application" web (PWA) dans le menu "Partage" pour récupérer l'URL consulté dans le navigateur

Cela fonctionne très bien mais que pour la configuration ANDROID + CHROME (v76 et +)
En effet Android + Firefox par exemple ne fonctionne pas.
Par contre une fois installé, le partage fonctionne depuis Firefox et toutes les autres applications....

Petite subtilité, mon besoin était de récupérer l'URL actuellement consulté par l'utilisateur dans le navigateur et l'on doit récupéré cette URL dans le champ Text, le champ URL étant vide sous ANdroid.
100% de mes tests retournent l'URL dans le champ Text (depuis un partage effectué depuis un navigateur), mais dans la documentation il est dit qu'il peut y avoir des variantes.
Donc je ne sais pas encore si cela est stable.

Sur IOS, ce n'est pas encore pris en compte (on s'en serait douté) : je n'arrive toujours pas à comprendre qu'un système aussi fermé ait autant de succès

spout · 19 Août 2020

https://firt.dev/phonegap-end/

saluts92 · 19 Août 2020

spout a dit:
https://firt.dev/phonegap-end/

article intéressant, merci
mais on est encore très loin, à mon humble avis, d'une compatibilité des PWA (en tout cas avec un niveau intéressant d'interactivité avec les smartphones) surtout en ce qui concerne IOS

Sinon juste Pour info, je n'utilise pas Phone gap