Les PWA sont des types d’applications web, bénéficiant essentiellement aux mobiles et qui améliorent l’expérience utilisateur en proposant un chargement/navigation plus rapide, la possibilité de naviguer off-line ou encore d’installer l’application web sur son mobile.
Une partie de ces bénéfices provient de l’usage d’un service worker, process détaché du main thread (de la famille des web workers) qui va nous permettre d’établir des stratégies de mise en cache et d’accès réseau.
Checklist PWA
Lighthouse nous rappel quelques point pour être PWA compilent dont:
- servir systématiquement les requêtes à travers du https (sauf pour les dev en localhost)
- tout passer en http2 (le pré-requis étant de déjà servir les pages en https)
- utiliser un service-worker avec ou sans workbox (ou l’ancien sw-toolbox voir migration)
- disposer d’un manifest.json et du set de png allant avec pour les icônes et splash-screen (outil)
- doit être mobile friendly et adaptatif (responsive) avec les meta tag « viewport »
- servir des js et css minifiés
Liens
- Youtube serie consacré aux PWA sur la chaine Google Chrome Developers
- Codelabs (cours gratuits de Google)
- blog post : et si AMP et PWA tuaient les applications mobiles d’ici 2020 ?