Halaman saat ini tidak merespons dengan kode 200 saat offline

Checklist Progressive Web App Inti menyatakan bahwa PWA harus menyediakan halaman offline kustom. Checklist Progressive Web App Optimial menyatakan bahwa PWA harus memberikan pengalaman offline, di mana PWA berfungsi sama secara offline seperti halnya secara online (di mana pun konektivitas jaringan tidak mutlak diperlukan).

Pelajari lebih lanjut dalam postingan Apa yang dimaksud dengan keandalan jaringan dan bagaimana cara mengukurnya?.

Bagaimana audit offline Lighthouse gagal

Lighthouse menandai halaman yang tidak merespons dengan respons HTTP 200 saat offline:

Audit Lighthouse yang menampilkan halaman tidak merespons dengan 200 saat offline

Lighthouse mengemulasikan koneksi offline menggunakan Chrome Remote Debugging Protocol, lalu mencoba mengambil halaman menggunakan XMLHttpRequest.

Cara membuat PWA Anda berfungsi secara offline

  1. Tambahkan pekerja layanan ke aplikasi Anda.
  2. Gunakan pekerja layanan untuk meng-cache file secara lokal.
  3. Saat offline, gunakan pekerja layanan sebagai proxy jaringan untuk menampilkan versi file yang di-cache secara lokal.

Referensi