صفحه فعلی در حالت آفلاین با 200 پاسخ نمی دهد

چک لیست Core Progressive Web App می گوید که یک PWA باید یک صفحه آفلاین سفارشی ارائه دهد. چک لیست Optimial Progressive Web App می گوید که یک PWA باید تجربه آفلاینی را ارائه دهد که در آن PWA مانند آنلاین به صورت آفلاین کار می کند (هرجا که اتصال شبکه به شدت مورد نیاز نباشد).

در بخش قابلیت اطمینان شبکه چیست و چگونه آن را اندازه گیری می کنید بیشتر بدانید؟ پست.

چگونه ممیزی آفلاین فانوس دریایی شکست می خورد

Lighthouse صفحاتی را که در حالت آفلاین با پاسخ HTTP 200 پاسخ نمی دهند، پرچم گذاری می کند:

صفحه نمایش ممیزی فانوس دریایی در حالت آفلاین با 200 پاسخ نمی دهد

Lighthouse یک اتصال آفلاین را با استفاده از پروتکل اشکال زدایی از راه دور Chrome شبیه سازی می کند و سپس سعی می کند صفحه را با استفاده از XMLHttpRequest بازیابی کند.

چگونه PWA خود را آفلاین کنیم

  1. یک سرویس دهنده به برنامه خود اضافه کنید.
  2. از Service Worker برای کش کردن فایل‌ها به صورت محلی استفاده کنید.
  3. در حالت آفلاین، از Service Worker به عنوان پروکسی شبکه برای بازگرداندن نسخه ذخیره شده محلی فایل استفاده کنید.

منابع