Catégories
JavaScript

PWA & Service Worker

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