आजकल, वेब का इस्तेमाल करने वाले लोगों की संख्या बहुत ज़्यादा है. ये लोग अलग-अलग तरह के डिवाइसों और नेटवर्क कनेक्शन का इस्तेमाल करते हैं. आपके बनाए गए कॉन्टेंट को दुनिया भर के लोग देख सकते हैं. हालांकि, सभी उपयोगकर्ताओं को वेब पर भरोसेमंद अनुभव देना मुश्किल हो सकता है. भरोसेमंद होने का मतलब समझना भी मुश्किल हो सकता है.
ऑफ़लाइन होने पर भी भरोसेमंद
भरोसेमंद होने का मतलब यह है कि आपका वेब ऐप्लिकेशन, नेटवर्क कनेक्शन के बिना काम करेगा या नहीं. यह एक तरह की भरोसेमंद सुविधा है. उपयोगकर्ता, किसी मोबाइल डिवाइस पर ऐप स्टोर से इंस्टॉल किए गए प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन के लिए, इस सुविधा को डिफ़ॉल्ट रूप से चालू मानते हैं. इनमें से किसी ऐप्लिकेशन का आइकॉन दिखने पर, आपको उम्मीद होती है कि उस पर टैप करके, ऐप्लिकेशन को खोला जा सकेगा. भले ही, आपका डिवाइस इंटरनेट से कनेक्ट हो या न हो.
हाल ही में, ऐसे वेब ऐप्लिकेशन बनाना मुश्किल हो गया है जो बिना नेटवर्क कनेक्शन के भरोसेमंद तरीके से काम कर सकें.
भरोसेमंद तरीके से तेज़ी से जवाब देना
भरोसेमंद होने का मतलब यह भी है कि अगर उपयोगकर्ताओं के पास ऐसा नेटवर्क कनेक्शन है जो ठीक से काम नहीं कर रहा है, तो क्या आपका वेब ऐप्लिकेशन तेज़ी से लोड हो सकता है. क्या मोबाइल नेटवर्क से कनेक्ट होने पर, वापस आने वाले उपयोगकर्ताओं को आपके वेब ऐप्लिकेशन के साथ इंटरैक्ट करने का वही अनुभव मिलेगा जो उन्हें वाई-फ़ाई से कनेक्ट होने पर मिलता है? साथ ही, उन उपयोगकर्ताओं का क्या होगा जिनके पास हाई-लेटेंसी या "झूठा वाई-फ़ाई" कनेक्शन है. क्या आपका वेब ऐप्लिकेशन, इन स्थितियों में भी तेज़ी से काम करेगा?
बेहतरीन परिस्थितियों में तेज़ी से काम करना काफ़ी नहीं है. आपके उपयोगकर्ता, वेब ऐप्लिकेशन की परफ़ॉर्मेंस को इस नज़रिए से देखेंगे कि वह सभी नेटवर्क स्थितियों में कैसा काम करता है.
भरोसेमंद होना मुमकिन है
अच्छी बात यह है कि मॉडर्न वेब प्लैटफ़ॉर्म, सर्विस वर्कर और कैश स्टोरेज एपीआई जैसी टेक्नोलॉजी उपलब्ध कराता है. ये टेक्नोलॉजी, भरोसेमंद वेब ऐप्लिकेशन बनाने के लिए बिल्डिंग ब्लॉक के तौर पर काम कर सकती हैं. इनकी मदद से, ऐसा कोड लिखा जा सकता है जो आपके वेब ऐप्लिकेशन और नेटवर्क के बीच काम करता है. कई मामलों में, नेटवर्क को पूरी तरह से बायपास किया जा सकता है. इसके बजाय, पहले से कैश किए गए कॉन्टेंट का इस्तेमाल करके, अपने वेब ऐप्लिकेशन के अनुरोधों को पूरा किया जा सकता है.
आपकी मददगार लाइट: ऑफ़लाइन होने पर, 200 OK कोड का जवाब देती है
सर्विस वर्कर बनाना और कैश मेमोरी से कॉन्टेंट दिखाना शुरू करने के बाद, यह जानना मुश्किल होता है कि क्या ऐसा सही तरीके से किया जा रहा है. आपको कैसे पता चलेगा कि आपने जिस सर्विस वर्कर को लागू किया है वह वाकई में आपके वेब ऐप्लिकेशन को नेटवर्क से बचने में मदद करता है? कैशिंग की रणनीति में किए गए छोटे-मोटे बदलावों से, ऑफ़लाइन अनुभव पर कोई असर न पड़े, इसके लिए क्या किया जा सकता है?
Lighthouse एक खास टेस्ट उपलब्ध कराता है. यह टेस्ट, भरोसेमंद वेब ऐप्लिकेशन बनाने के दौरान खास तौर पर काम आता है: ऑफ़लाइन होने पर, 200 OK कोड का जवाब देता है:
यहां असल में क्या टेस्ट किया जा रहा है? इसके लिए, आपके ब्राउज़र में नेटवर्क कनेक्टिविटी के बंद होने की स्थिति को सिम्युलेट किया जाता है. इसके बाद, आपकी साइट पर मौजूद उस यूआरएल को लोड करने की कोशिश की जाती है जिसकी ऑडिट की जा रही है. यह टेस्ट, भरोसेमंद साइट बनाने के एक पहलू की जाँच करता है. यह पहलू है, ऑफ़लाइन होने पर भी भरोसेमंद होना. इसके लिए, कार्रवाइयों के एक कंट्रोल किए गए और दोहराए जा सकने वाले क्रम का इस्तेमाल किया जाता है.
यह एक सफ़र है
अगर आपने इस क्षेत्र में काम करना अभी शुरू ही किया है, तो ऐसा हो सकता है कि आपको ऑफ़लाइन होने पर, "200" कोड का जवाब देता है, इस जांच के लिए नकारात्मक नतीजा मिले. कोई बात नहीं! अगर आपने कस्टम बनाया गया स्टार्टर प्रोजेक्ट इस्तेमाल नहीं किया है, तो वेब ऐप्लिकेशन में डिफ़ॉल्ट रूप से इस तरह की विश्वसनीयता नहीं होती. अगले कुछ गाइड में, आपको उन तकनीकों के बारे में बताया जाएगा जिनकी मदद से यह पता लगाया जा सकता है कि आपका वेब ऐप्लिकेशन क्या लोड कर रहा है. साथ ही, आपको यह भी सिखाया जाएगा कि Lighthouse का इस्तेमाल करके, लोडिंग के अनुभव को भरोसेमंद कैसे बनाया जा सकता है.
इस पूरी प्रोसेस में, आपको Lighthouse ऑडिट को बार-बार चलाने का सुझाव दिया जाता है. ये आपकी पूरी यात्रा में आपका मार्गदर्शन करते हैं. यह यात्रा, नए वेब ऐप्लिकेशन से शुरू होकर भरोसेमंद प्रोग्रेसिव वेब ऐप्लिकेशन पर खत्म होती है.