Aktuelle Seite reagiert im Offlinemodus nicht mit dem HTTP-Statuscode 200

In der Checkliste für progressive Web-Apps steht, dass eine PWA eine benutzerdefinierte Offlineseite bereitstellen sollte. Die Checkliste für optimale progressive Web-Apps beinhaltet, dass eine PWA eine Offlinenutzung ermöglicht, bei der sie offline genauso funktioniert wie online (wobei keine Netzwerkverbindung zwingend erforderlich ist).

Weitere Informationen finden Sie im Beitrag Was ist Netzwerkzuverlässigkeit und wie wird sie gemessen?.

So schlägt die Lighthouse-Offlineprüfung fehl

Lighthouse kennzeichnet Seiten, die im Offlinemodus nicht mit der HTTP 200-Antwort antworten:

In der Lighthouse-Prüfung wird angezeigt, dass die Seite offline nicht mit einem 200-Fehler reagiert

Lighthouse emuliert eine Offlineverbindung mithilfe des Chrome Remote Debugging Protocol und versucht dann, die Seite mit XMLHttpRequest abzurufen.

So funktioniert Ihre PWA auch offline

  1. Fügen Sie Ihrer Anwendung einen Service Worker hinzu.
  2. Verwenden Sie den Service Worker, um Dateien lokal zwischenzuspeichern.
  3. Verwenden Sie den Service Worker als Netzwerk-Proxy, wenn Sie offline sind, um die Version der Datei im lokalen Cache zurückzugeben.

Ressourcen