SkillByAIइंटरैक्टिव संस्करण खोलें →

पाठ 20 / 25

सर्विस वर्कर्स और ऑफ़लाइन समर्थन

ऑफ़लाइन समर्थन, तत्काल लोडिंग और बेहतर लचीलापन के लिए सर्विस वर्कर्स लागू करें।

सर्विस वर्कर जीवन चक्र

navigator.serviceWorker.register() से register करें। Lifecycle: install (assets cache करना), activate (पुराना cache साफ़ करना), fetch (requests intercept करना)। Cached responses से offline support और cache-first strategy से repeat visits तुरंत खुलते हैं।

सर्विस वर्कर्स के साथ कैशिंग रणनीतियां

Cache First: cache में हो तो वही दें, वरना network। Network First: पहले network आज़माएँ, fail हो तो cache। Stale-While-Revalidate: cache तुरंत दें और background में update करें। Resource type के हिसाब से strategy चुनें।

सर्विस वर्कर सर्वोत्तम प्रथाएं

Scope सावधानी से रखें ताकि अनचाहा behavior न हो। Caches को version करें ताकि deployments साफ़-सुथरे update हों। Analytics में updates monitor करें। Offline mode नियमित रूप से test करें।

त्वरित जाँच

त्वरित जाँच: Cache First रणनीति क्या है?

  • यदि उपलब्ध हो तो कैश लौटाएं, अन्यथा नेटवर्क का उपयोग करें
  • हमेशा नेटवर्क से पहले लाएं
  • कैशिंग को अक्षम करें
  • Offline हमेशा blank page दिखाना
Answer

यदि उपलब्ध हो तो कैश लौटाएं, अन्यथा नेटवर्क का उपयोग करें — Cache First stored responses तुरंत देता है और miss होने पर ही network जाता है।