La page actuelle ne retourne pas de code 200 en mode hors connexion

La checklist principale des progressive web apps indique qu'une PWA doit fournir une page hors connexion personnalisée. La checklist Optimial pour les progressive web apps indique qu'une PWA doit offrir une expérience hors connexion : elle fonctionne de la même manière hors connexion qu'en ligne (lorsqu'une connexion réseau n'est pas strictement requise).

Pour en savoir plus, consultez le post Qu'est-ce que la fiabilité du réseau et comment la mesurer ?.

Échec de l'audit hors connexion de Lighthouse

Lighthouse signale les pages qui ne répondent pas de réponse HTTP 200 en mode hors connexion:

Audit Lighthouse montrant que la page ne renvoie pas de code 200 en mode hors connexion

Lighthouse émule une connexion hors connexion à l'aide du protocole de débogage à distance Chrome, puis tente de récupérer la page à l'aide de XMLHttpRequest.

Comment faire fonctionner votre PWA hors connexion

  1. Ajoutez un service worker à votre application.
  2. Utilisez le service worker pour mettre en cache les fichiers localement.
  3. En mode hors connexion, utilisez le service worker comme proxy réseau pour renvoyer la version du fichier mise en cache localement.

Ressources