הדף הנוכחי לא מגיב בסטטוס 200 כשהוא במצב אופליין

לפי רשימת המשימות ל-Core Progressive Web App צריך לספק דף מותאם אישית במצב אופליין. ברשימת המשימות לאופטימיזציה של אפליקציות אינטרנט מסוג Progressive Web App מצוין ש-PWA צריכה לספק חוויה אופליין שבה ה-PWA פועלת במצב אופליין כמו באינטרנט (במקומות שבהם לא נדרשת רק קישוריות רשת).

מידע נוסף זמין בפוסט מהי אמינות רשת ואיך אפשר למדוד אותה?

איך הבדיקה אופליין של Lighthouse נכשלת

האפשרות Lighthouse מסמנת דפים שלא מגיבים באמצעות תגובת HTTP 200 כשהם במצב אופליין:

הביקורת של Lighthouse מראה דף שלא מגיב בסטטוס 200 כשהוא במצב אופליין

מערכת Lighthouse מדמה חיבור במצב אופליין באמצעות פרוטוקול Chrome לניפוי באגים מרחוק, ולאחר מכן מנסה לאחזר את הדף באמצעות XMLHttpRequest.

איך לגרום ל-PWA לפעול אופליין

  1. מוסיפים לאפליקציה service worker.
  2. כדי לשמור קבצים באופן מקומי, משתמשים ב-Service Worker.
  3. במצב אופליין, משתמשים ב-Service Worker כשרת proxy של רשת כדי להחזיר את גרסת הקובץ ששמורה במטמון המקומי.

משאבים