לפי רשימת המשימות ל-Core Progressive Web App צריך לספק דף מותאם אישית במצב אופליין. ברשימת המשימות לאופטימיזציה של אפליקציות אינטרנט מסוג Progressive Web App מצוין ש-PWA צריכה לספק חוויה אופליין שבה ה-PWA פועלת במצב אופליין כמו באינטרנט (במקומות שבהם לא נדרשת רק קישוריות רשת).
מידע נוסף זמין בפוסט מהי אמינות רשת ואיך אפשר למדוד אותה?
איך הבדיקה אופליין של Lighthouse נכשלת
האפשרות Lighthouse מסמנת דפים שלא מגיבים באמצעות תגובת HTTP 200 כשהם במצב אופליין:
מערכת Lighthouse מדמה חיבור במצב אופליין באמצעות פרוטוקול Chrome לניפוי באגים מרחוק, ולאחר מכן מנסה לאחזר את הדף באמצעות XMLHttpRequest.
איך לגרום ל-PWA לפעול אופליין
- מוסיפים לאפליקציה service worker.
- כדי לשמור קבצים באופן מקומי, משתמשים ב-Service Worker.
- במצב אופליין, משתמשים ב-Service Worker כשרת proxy של רשת כדי להחזיר את גרסת הקובץ ששמורה במטמון המקומי.