Geçerli sayfa çevrimdışıyken 200 koduyla yanıt vermiyor

Temel Progresif Web Uygulaması kontrol listesi, PWA'nın özel bir çevrimdışı sayfa sağlaması gerektiğini belirtir. Optimial Progresif Web Uygulaması kontrol listesi, PWA'nın çevrimiçi ortamda olduğu gibi çevrimdışı olarak çalıştığı (ağ bağlantısının kesinlikle gerekli olmadığı durumlarda) çevrimdışı bir deneyim sunması gerektiğini söylüyor.

Daha fazla bilgi edinmek için Ağ güvenilirliği nedir ve nasıl ölçülür? başlıklı makaleyi inceleyin.

Lighthouse çevrimdışı denetimi nasıl başarısız olur?

Lighthouse çevrimdışıyken HTTP 200 yanıtı ile yanıt vermeyen sayfaları işaretler:

Sayfanın çevrimdışıyken 200 koduyla yanıt vermediğini gösteren Lighthouse denetimi

Lighthouse, Chrome Uzaktan Hata Ayıklama Protokolü'nü kullanarak çevrimdışı bir bağlantı emülasyonu yapar ve ardından XMLHttpRequest kullanarak sayfayı almayı dener.

PWA'nızın çevrimdışı çalışmasını sağlama

  1. Uygulamanıza hizmet çalışanı ekleyin.
  2. Dosyaları yerel olarak önbelleğe almak için Service Worker'ı kullanın.
  3. İnternete bağlı değilken dosyanın yerel olarak önbelleğe alınan sürümünü döndürmek için Service Worker'ı ağ proxy'si olarak kullanın.

Kaynaklar