प्रोग्रेसिव वेब ऐप्लिकेशन (पीडब्ल्यूए), वेब ऐप्लिकेशन होते हैं. इन्हें आधुनिक एपीआई की मदद से बनाया और बेहतर बनाया जाता है. इससे, ये बेहतर सुविधाएं दे पाते हैं. साथ ही, एक ही कोडबेस की मदद से, किसी भी डिवाइस पर वेब का इस्तेमाल करने वाले किसी भी व्यक्ति तक पहुंच पाते हैं. ये वेब ऐप्लिकेशन की पहुंच को प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन की बेहतर सुविधाओं के साथ जोड़ते हैं, ताकि उपयोगकर्ता अनुभव को बेहतर बनाया जा सके.
PWA डिज़ाइन के तीन पिलर
किसी PWA को प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन की तरह बेहतर बनाने के लिए, आपको उसे इस तरह से डिज़ाइन करना होगा कि वह भरोसेमंद हो, इंस्टॉल किया जा सके, और उसमें सभी ज़रूरी सुविधाएं हों.
काम कर सकता है
वेब ऐप्लिकेशन अब पहले से कहीं ज़्यादा बेहतर हो गए हैं और इनकी क्षमताएं लगातार बढ़ती जा रही हैं. हाल ही में, वेब के लिए सॉफ़्टवेयर में ऐसी सुविधाएं जोड़ी गई हैं जो पहले सिर्फ़ प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन में उपलब्ध थीं. उदाहरण के लिए, अब WebRTC, जियोलोकेशन, और पुश नोटिफ़िकेशन का इस्तेमाल करके, हाइपर-लोकल वीडियो चैट ऐप्लिकेशन बनाया जा सकता है. इसके बाद, उस ऐप्लिकेशन को इंस्टॉल किया जा सकता है. साथ ही, WebGL और WebVR का इस्तेमाल करके, बातचीत को वर्चुअल रिएलिटी में ले जाया जा सकता है. WebAssembly की मदद से, डेवलपर C, C++, और Rust जैसे अन्य इकोसिस्टम का इस्तेमाल कर सकते हैं. साथ ही, प्लैटफ़ॉर्म के हिसाब से काम करने वाली पुरानी सुविधाओं को वेब पर ला सकते हैं. डेवलपर, वेब की नई सुविधाओं का फ़ायदा उठा रहे हैं. इसका एक बेहतरीन उदाहरण Squoosh.app है. यह वेब पर आधारित इमेज कंप्रेसर है.
हालांकि, कुछ सुविधाएँ अब भी वेब की पहुँच से बाहर हैं. इसके बावजूद, नए और आने वाले एपीआई लगातार यह तय कर रहे हैं कि वेब, फ़ाइल सिस्टम ऐक्सेस करने, मीडिया कंट्रोल करने, ऐप्लिकेशन बैजिंग, और क्लिपबोर्ड की पूरी सुविधा जैसी सुविधाओं के साथ क्या-क्या कर सकता है. इन सभी सुविधाओं को वेब के सुरक्षित और उपयोगकर्ता-केंद्रित अनुमति मॉडल का इस्तेमाल करके बनाया गया है. इससे उपयोगकर्ता सुरक्षित रहते हैं और नई वेबसाइटों का इस्तेमाल करना आसान हो जाता है.
भरोसेमंद
भरोसेमंद प्रोग्रेसिव वेब ऐप्लिकेशन, नेटवर्क की स्थिति चाहे जैसी भी हो, तेज़ी से काम करता है और भरोसेमंद होता है. उपयोगकर्ताओं को ऐसे ऐप्लिकेशन मिलने चाहिए जो उनके इंटरैक्शन पर तुरंत प्रतिक्रिया दें. साथ ही, उन्हें ऐसा अनुभव मिलना चाहिए जिस पर वे भरोसा कर सकें.
उपयोगकर्ताओं को आपका अनुभव इस्तेमाल करने के लिए, स्पीड बहुत ज़रूरी है. दरअसल, पेज लोड होने में लगने वाला समय एक सेकंड से 10 सेकंड तक बढ़ने पर, उपयोगकर्ता के बाउंस होने की संभावना 123%बढ़ जाती है.
परफ़ॉर्मेंस से जुड़ी समस्याओं का असर, सिर्फ़ onload
इवेंट पर नहीं, बल्कि उपयोगकर्ता के पूरे अनुभव पर पड़ता है. भरोसेमंद अनुभव देने वाले ऐप्लिकेशन में, उपयोगकर्ताओं को यह कभी नहीं लगता कि ऐप्लिकेशन के साथ उनका कोई इंटरैक्शन रजिस्टर हुआ है या नहीं. स्क्रोलिंग और ऐनिमेशन आसानी से होने चाहिए. उपयोगकर्ताओं को यह लगना चाहिए कि आपका ऐप्लिकेशन अच्छी परफ़ॉर्म कर रहा है. साथ ही, यह भी ज़रूरी है कि वह वाकई अच्छी परफ़ॉर्म करे.
भरोसेमंद ऐप्लिकेशन ऐसे होने चाहिए कि उन्हें नेटवर्क कनेक्शन के बिना भी इस्तेमाल किया जा सके. उपयोगकर्ता चाहते हैं कि ऐप्लिकेशन, धीमे या कमज़ोर नेटवर्क कनेक्शन पर भी तेज़ी से लोड हों. वे यह भी चाहते हैं कि ऐप्लिकेशन ऑफ़लाइन होने पर भी तेज़ी से लोड हों. उन्हें उम्मीद होती है कि जिस कॉन्टेंट से उन्होंने हाल ही में इंटरैक्ट किया है वह उपलब्ध हो और उसका इस्तेमाल किया जा सके. जैसे, मीडिया ट्रैक या टिकट और यात्रा की योजनाएं. भले ही, ऐप्लिकेशन को आपके सर्वर पर अनुरोध भेजने में समस्याएं आ रही हों. जब कोई अनुरोध पूरा नहीं किया जा सकता, तो वे चाहते हैं कि ऐप्लिकेशन उन्हें समस्या के बारे में बताए. इसके बजाय, वे नहीं चाहते कि ऐप्लिकेशन चुपचाप बंद हो जाए या क्रैश हो जाए.
इंस्टॉल किया जा सकता है
अपने PWA को इंस्टॉल करने की सुविधा देने से, वह ब्राउज़र से हटकर एक स्टैंडअलोन विंडो में चला जाता है. इससे, उपयोगकर्ता उसे इस्तेमाल करने के तरीके के बारे में सोचते हैं और उससे इंटरैक्ट करते हैं. इंस्टॉल किए गए PWA को उपयोगकर्ता की होम स्क्रीन, डॉक, टास्कबार या शेल्फ़ से लॉन्च किया जा सकता है. उपयोगकर्ता, डिवाइस पर इन्हें खोज सकता है. साथ ही, ऐप्लिकेशन स्विचर की मदद से इनके बीच स्विच कर सकता है. इससे उसे ऐसा लगता है कि ये ऐप्लिकेशन, उस डिवाइस का हिस्सा हैं जिस पर इन्हें इंस्टॉल किया गया है.
PWA इंस्टॉल करने पर, नई सुविधाएं भी उपलब्ध हो जाती हैं. इनमें कीबोर्ड शॉर्टकट शामिल हैं, जो आम तौर पर ब्राउज़र में रिज़र्व होते हैं. PWAs, अन्य ऐप्लिकेशन से कॉन्टेंट पाने के लिए भी रजिस्टर कर सकते हैं. इसके अलावा, वे कुछ खास तरह की फ़ाइलों को हैंडल करने के लिए, डिफ़ॉल्ट ऐप्लिकेशन के तौर पर भी रजिस्टर कर सकते हैं.
PWA से नतीजे पाना
पीडब्ल्यूए लॉन्च करने से, सिर्फ़ उपयोगकर्ता अनुभव बेहतर नहीं होता. इससे आपकी मेट्रिक भी बेहतर होती हैं और आपको अपनी सेवा से ज़्यादा फ़ायदा मिलता है. इसके कुछ मुख्य उदाहरण यहां दिए गए हैं:
- Twitter के PWA की वजह से, हर सेशन में पेजों की संख्या में 65% की बढ़ोतरी हुई, 75% ज़्यादा ट्वीट किए गए, और बाउंस रेट में 20% की कमी आई. साथ ही, ऐप्लिकेशन का साइज़ 97% से ज़्यादा कम हो गया.
- PWA पर स्विच करने के बाद, Nikkei को 2.3 गुना ज़्यादा ऑर्गैनिक ट्रैफ़िक मिला. साथ ही, उसे 58% ज़्यादा सदस्यताएं मिलीं और हर दिन के सक्रिय उपयोगकर्ताओं की संख्या में 49% की बढ़ोतरी हुई.
- Hulu ने अपने प्लैटफ़ॉर्म के हिसाब से डेस्कटॉप पर दिखने वाले अनुभव को PWA से बदल दिया. इससे, उसकी वेबसाइट पर दोबारा आने वाले लोगों की संख्या में 27% की बढ़ोतरी हुई.
पीडब्ल्यूए इस्तेमाल करने के फ़ायदों के बारे में ज़्यादा जानने के लिए, प्रोग्रेसिव वेब ऐप्लिकेशन से कारोबार को कैसे फ़ायदा मिल सकता है लेख पढ़ें.