ऑफ़लाइन होने पर, मौजूदा पेज 200 कोड का जवाब नहीं देता

प्रोग्रेसिव वेब ऐप्लिकेशन की मुख्य चेकलिस्ट में बताया गया है कि PWA को कस्टम ऑफ़लाइन पेज उपलब्ध कराना चाहिए. बेहतर प्रोग्रेसिव वेब ऐप्लिकेशन की चेकलिस्ट में कहा गया है कि PWA को ऑफ़लाइन होने पर भी ऑफ़लाइन अनुभव मिलना चाहिए. इसमें PWA ऑनलाइन की तरह ही काम करता है (जहां नेटवर्क कनेक्टिविटी की ज़रूरत नहीं होती).

ज़्यादा जानकारी के लिए, नेटवर्क पर भरोसा क्या है और इसे कैसे मेज़र किया जाता है? पोस्ट पर जाएं.

लाइटहाउस ऑफ़लाइन ऑडिट कैसे काम नहीं करता

Lighthouse, उन पेजों को फ़्लैग करता है जो ऑफ़लाइन होने पर एचटीटीपी 200 रिस्पॉन्स के साथ जवाब नहीं देते:

लाइटहाउस ऑडिट की इमेज, जो दिखा रही है कि पेज ऑफ़लाइन होने पर 200 कोड का जवाब नहीं देता

लाइटहाउस, Chrome रिमोट डीबगिंग प्रोटोकॉल का इस्तेमाल करके, ऑफ़लाइन कनेक्शन को एम्युलेट करता है. इसके बाद, यह XMLHttpRequest का इस्तेमाल करके, पेज को वापस पाने की कोशिश करता है.

PWA को ऑफ़लाइन इस्तेमाल करने का तरीका

  1. अपने ऐप्लिकेशन में सर्विस वर्कर जोड़ें.
  2. फ़ाइलों को स्थानीय रूप से कैश मेमोरी में सेव करने के लिए, सर्विस वर्कर का इस्तेमाल करें.
  3. ऑफ़लाइन होने पर, फ़ाइल के लोकल रूप से कैश किए गए वर्शन को वापस करने के लिए, सर्विस वर्कर को नेटवर्क प्रॉक्सी के तौर पर इस्तेमाल करें.

रिसॉर्स