le 14 Juin 2017

Le site Van11y en mini-PWA

Comme ce site est servi en HTTPS, rien ne s’opposait à l’utilisation des Service Workers.

Résultat, le site fonctionne comme une mini-PWA, comme l’indique ci-dessous l’outil Lighthouse utilisé sur ce site.

100% aux tests PWA avec Lighthouse

Concrètement, si vous naviguez sur le site et que subitement vous perdez votre connexion, si votre navigateur le permet, la magie noire des Service Workers fait son office et :

  • si vous revenez sur une page que vous avez déjà visitée, vous ne verrez pas de différence ;
  • si vous essayez de visiter une page non encore vue, le site vous affichera une belle page qui vous dit que vous êtes déconnecté.

Bref, c’est un début de gestion du hors-ligne, j’espère pouvoir améliorer encore cela à l’avenir !