इस लेख की मदद से, यह समझने में मदद मिलेगी कि वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, कारोबार की अहम मेट्रिक से कैसे जुड़ी हैं. इसके लिए, यहां उन कंपनियों के उदाहरण दिए गए हैं जिन्होंने पहले से ही अपने उपयोगकर्ताओं और कारोबार पर अच्छा असर डाला है.
क्या आपको अपने हिस्सेदारों को, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने के लिए कह पाने में दिक्कत हो रही है? या आपको यह जानना है कि इससे आपके कारोबार को मदद मिलेगी या नहीं? इस लेख की मदद से, यह समझने में मदद मिलेगी कि वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक, कारोबार की अहम मेट्रिक से कैसे जुड़ी हैं. इसके लिए, उन कंपनियों के उदाहरण देखें जिन्होंने पहले ही अपने उपयोगकर्ताओं और कारोबार पर इसका अच्छा असर डाला है.
अगर आप वीडियो पसंद करते हैं, तो Google I/O की यह बातचीत देखें:
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, आपके उपयोगकर्ताओं और कारोबार के लिए क्यों अहम है
किसी संगठन में अलग-अलग हिस्सेदारों की प्राथमिकताएं अलग-अलग हो सकती हैं. वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से, इन सभी को एक ही पेज पर लाया जा सकता है. इसके लिए, उपयोगकर्ता को ध्यान में रखकर बनाई गई मेट्रिक को ऑप्टिमाइज़ करने और कारोबार को आगे बढ़ाने पर ध्यान दिया जाता है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक का पाथ, अलग-अलग साइट के हिसाब से अलग-अलग हो सकता है. यह इस बात पर निर्भर करता है कि वे किस परफ़ॉर्मेंस में शामिल हैं और साइट का डिज़ाइन कितना जटिल है. इसमें आसानी से समझ आने वाले नतीजे पाना और काम के नतीजे पाना शामिल है. इसके अलावा, चुनौतियों को आसान बनाने वाले मुश्किल समाधान इस्तेमाल करने जैसे चरण भी शामिल हो सकते हैं. भले ही, कितना समय लगा हो, फ़ैसले लेने वालों को इसे अपने कारोबार को बढ़ाने के लिए, लंबे समय तक चलने वाले निवेश के तौर पर देखना चाहिए. तेज़ी और आसानी से नेविगेट करने से, उपयोगकर्ताओं को खुशी मिलती है. साथ ही, इससे वे भरोसेमंद और वापस आने वाले ग्राहक बन जाते हैं. प्रॉडक्ट मैनेजर के लिए परफ़ॉर्मेंस एक अहम मापदंड होना चाहिए, जो नए प्रॉडक्ट की सुविधाओं की क्वालिटी और सफलता तय करता हो. साथ ही, प्रॉडक्ट की बेहतरीन परफ़ॉर्मेंस और दिलचस्प चुनौतियों पर काम करने से डेवलपर को भी बेहतर अनुभव मिलता है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, एक रैंकिंग सिग्नल के तौर पर मिलती है. इससे परफ़ॉर्मेंस पर समय देने के लिए अतिरिक्त जानकारी मिलती है. वहीं दूसरी ओर, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को, रैंकिंग के अलावा, कम और लंबे समय के लिए इस्तेमाल किया जा सकता है. चलिए, ग्लोबल और स्थानीय ब्रैंड की कुछ केस स्टडी के बारे में जानते हैं. ये ऐसे ब्रैंड हैं जिन्होंने उपयोगकर्ता अनुभव पर फ़ोकस किया है और इस वजह से वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का इस्तेमाल किया है. इससे पहले कि इन ब्रैंड का रैंकिंग पर असर पड़ता था.
केस स्टडी
Vodafone
Vodafone (इटली) ने एलसीपी को 31% से बेहतर बनाया और 8% ज़्यादा बिक्री की.
तकनीक
- सर्वर साइड से ज़रूरी एचटीएमएल को रेंडर करें.
- रेंडर होने वाली JavaScript को कम करें.
- इमेज ऑप्टिमाइज़ेशन की तकनीकें.
- हीरो इमेज का साइज़ बदलें; गैर-ज़रूरी संसाधनों को रोकें.
मुख्य लर्निंग
- बेहतर असर का आकलन करने के लिए, A/B टेस्टिंग सबसे अच्छा तरीका है.
- A/B एक सर्वर साइड होना चाहिए.
iCook
iCook ने विज्ञापन से मिलने वाले रेवेन्यू में 10% की बढ़ोतरी के लिए, सीएलएस में 15% की बढ़ोतरी की.
तकनीक
- यूज़र इंटरफ़ेस (यूआई) में पहले से तय किए गए विज्ञापन यूनिट के साइज़ और तय साइज़ के विज्ञापन स्लॉट में कम बदलाव.
- हेडर बिडिंग को प्राथमिकता देने और गै़र-ज़रूरी JS को रोकने के लिए, ऑप्टिमाइज़ की गई विज्ञापन स्क्रिप्ट लोड करने का लॉजिक.
मुख्य लर्निंग
फ़िल रेट पर असर पड़ सकता है, लेकिन विज्ञापनों के दिखने से जुड़े आंकड़ों में सुधार होने से आय में बढ़ोतरी होती है.
टोकोपीडिया
Tokopedia ने एलसीपी में 55% की बढ़ोतरी की है. इससे, उसके सेशन की औसत अवधि में 23% की बढ़ोतरी हुई.
तकनीक
- सर्वर-साइड रेंडर (SSR) एलसीपी एलिमेंट.
- एलसीपी एलिमेंट पहले से लोड करें.
- इमेज ऑप्टिमाइज़ेशन (कंप्रेशन, WebP, गैर-ज़रूरी इमेज को लेज़ी लोड करना).
मुख्य लर्निंग
- सभी टीमों की प्रोग्रेस और उनके असर को मॉनिटर करने के लिए, परफ़ॉर्मेंस मॉनिटरिंग डैशबोर्ड बनाया गया.
- रेंडर करने की अलग-अलग तकनीकों के साथ प्रयोग किया गया. उदाहरण के लिए, फ़ोल्ड कॉन्टेंट के ऊपर एसएसआर एलसीपी एलिमेंट बनाम फ़ुल क्लाइंट-साइड रेंडरिंग की तुलना.
रेडबस
वेबसाइट की परफ़ॉर्मेंस की जानकारी में किए गए सुधारों की वजह से, मोबाइल कन्वर्ज़न रेट (mCVR) में 80 से 100% तक की बढ़ोतरी हुई है. साथ ही, दुनिया भर में मौजूद Redbu के बाज़ार में मौजूद सभी प्रॉपर्टी के डोमेन की रैंकिंग में काफ़ी बढ़ोतरी हुई है.
तकनीक
- पेज कॉम्पोनेंट के लिए स्लॉट ठीक करने और ऑप्टिमाइज़ नहीं की गई टैग इंसर्शन स्क्रिप्ट को हटाने से सीएलएस को बेहतर बनाया गया.
- तीसरे पक्ष की स्क्रिप्ट को ऑप्टिमाइज़ करने और एक ही ज़िम्मेदारी के साथ माइक्रोसेवाएं बनाने से, TTI और TBT के डेटा में काफ़ी कमी आई.
मुख्य लर्निंग
- सीएलएस को 1.65 से घटाकर 0 करने से, दुनिया भर में उसके डोमेन की रैंकिंग काफ़ी बढ़ गई.
- टीटीआई को 8 सेकंड से घटाकर करीब 4 से 4 टीबी और करीब 1,200 मि॰से॰ से करीब 700 मि॰से॰ तक करने से, दुनिया भर में सभी प्रॉपर्टी में mCVR में 80 से 100% की बढ़ोतरी हुई.
- आरयूएम टूल का इस्तेमाल करने से, निचले स्तर के बाज़ारों में असल दुनिया में परफ़ॉर्मेंस मेट्रिक को कैप्चर करने में मदद मिली.
- रिग्रेशन से बचने के लिए, परफ़ॉर्मेंस कल्चर को अपनाना बहुत ज़रूरी है. इससे टीम की प्रोडक्टिविटी भी बेहतर होती है. ऑप्टिमाइज़ किए गए कोड, तेज़ रिलीज़, और प्रोडक्शन से जुड़ी कम समस्याओं की वजह से ऐसा होता है.
ऊपर दी गई केस स्टडी से पता चलता है कि सबसे सही तरीके अपनाकर और फटाफट जीत हासिल करके, बहुत कुछ हासिल किया जा सकता है. असल दुनिया के कुछ और उदाहरण यहां दिए गए हैं.
ऊपर दिए गए नतीजे, लंबे समय तक लटके हुए फल इकट्ठा करके हासिल किए गए हैं, जैसे कि:
| इमेज ऑप्टिमाइज़ेशन | JavaScript ऑप्टिमाइज़ेशन | विज्ञापन और डाइनैमिक कॉन्टेंट |
|---|---|---|
| WebP इमेज फ़ॉर्मैट का इस्तेमाल किया जा रहा है | तीसरे पक्ष के JS को रोका जा रहा है | पेज के ऊपरी हिस्से पर विज्ञापनों के लिए जगह रिज़र्व करना |
| इमेज सीडीएन का इस्तेमाल करना | रेंडर ब्लॉक करने की सुविधा और इस्तेमाल नहीं किए गए JS को हटाया जा रहा है | डाइनैमिक कॉन्टेंट के लिए ऊंचाई सेट करना |
| संपीड़न | गैर-ज़रूरी JS को लेज़ी लोड करना | |
| गैर-ज़रूरी इमेज को रोका जा रहा है | ज़रूरी JS पहले से लोड किया जा रहा है | |
| हीरो इमेज पहले से लोड की जा रही हैं | ||
| आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) तय करना |
सबसे सही तरीकों के बारे में जानने के लिए, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली गाइड देखें. अपनी वेबसाइट को ऑडिट करने और तुरंत कार्रवाई करने के सुझाव पाने के लिए, PageSpeed Insights का इस्तेमाल करें.
ऐसे कई ग्लोबल ब्रैंड हैं जिन्हें वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी में निवेश करने से भी फ़ायदा हुआ है.
- Tencent Video ने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को पास करके, वीडियो के लिए 70% बेहतर सीटीआर हासिल किया.
- Cdiscount ने सभी तीन मेट्रिक में सुधार किया. इनकी वजह से, ब्लैक फ़्राइडे सेल में रेवेन्यू में 6% की बढ़ोतरी हुई.
- Wix, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के मुताबिक, मोबाइल ऑरिजिन में साल-दर-साल 250% से ज़्यादा की बढ़ोतरी हुई.
- नियाका ने पाया कि एलसीपी में 40% की बढ़ोतरी होने की वजह से T2/T3 शहरों से 28% ज़्यादा ऑर्गैनिक ट्रैफ़िक मिला.
- NIKKEI स्टाइल के एलसीपी में 18% की बढ़ोतरी हुई. इसकी वजह से, हर सेशन में 9% ज़्यादा पेज व्यू मिले.
- प्रॉडक्ट में अन्य बदलावों के साथ-साथ, एलसीपी को आधा करने के बाद, NDTV को 50% बेहतर बाउंस रेट मिला..
- Agrofy Market का 70% बेहतर एलसीपी, लोड छोड़ने की दर में 76% कमी की वजह से है..
- वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक में सुधार करके, Pix ने बाउंस रेट में 2.6% की कमी हासिल की.
- अमीबा मंगा ने सीएलएस स्कोर में 10 गुना का सुधार किया. इससे दो से तीन बार पढ़ी जाने वाली कॉमिक्स की संख्या में सुधार हुआ.
- Yahoo! जापान ने सीएलएस को ठीक कर दिया, जिसकी वजह से खराब पेजों की संख्या में 98% की कमी आई और हर सेशन के हिसाब से पेज व्यू में 15% की बढ़ोतरी.
- AliExpress ने सीएलएस में 10 गुना और एलसीपी में दोगुना सुधार किया है. इससे, बाउंस रेट में 15% की कमी आई.
- GEDI के सीएलएस में 77% और बाउंस रेट में 8% की कमी देखी गई.
अब शुरुआत कैसे की जा सकती है?
पहला चरण: मेज़र करना शुरू करें
रीयल यूज़र मॉनिटरिंग (आरयूएम) टूल का इस्तेमाल करके, अपनी साइट के फ़ील्ड डेटा का आकलन करके शुरुआत करें. Google और तीसरे पक्ष (3P) के कई RUM टूल पहले से ही उपलब्ध हैं.
Google के आरयूएम टूल
- Search Console
- PageSpeed Insights
- वेब ज़रूरी JavaScript लाइब्रेरी
- Chrome के लिए उपयोगकर्ता अनुभव से जुड़ी रिपोर्ट (CrUX)
तीसरे पक्ष के आरयूएम टूल
- क्लाउडफ़्लेयर
- नया रेलिक
- अकामाई
- कैलिबर
- नीला त्रिभुज
- संतरी
- SpeedCurve
- रेगन
वह टूल चुनें जो आपके लिए सबसे बेहतर हो. इसके अलावा, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को अपने कारोबार की मेट्रिक से जोड़ने के लिए, Google Analytics 4 के साथ इंटिग्रेट किया जा सकता है.
दूसरा चरण: अपने हिस्सेदारों को प्रेरित करना
- अपने हिस्सेदारों को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का इस्तेमाल करने के बारे में बताएं, ताकि उपयोगकर्ता अनुभव को बेहतर बनाया जा सके और कंपनी की बिज़नेस मेट्रिक से इसका जुड़ाव बढ़ाया जा सके.
- कोई छोटा एक्सपेरिमेंट शुरू करने के लिए, खुद से स्पॉन्सर करें.
- सभी टीमों के बीच, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को बेहतर बनाने के लिए, हिस्सेदारों के साथ एक लक्ष्य तय करें.
तीसरा चरण: इन सुझावों का इस्तेमाल करके, कैंपेन को सही तरीके से लागू करें
- प्राथमिकता दें: काम के नतीजे (उदाहरण के लिए, विज्ञापनों के लैंडिंग पेज, कन्वर्ज़न पेज या लोकप्रिय पेज) देने के लिए, ज़्यादा ट्रैफ़िक और/या कन्वर्ज़न की अहमियत बताने वाले पेज को चुनें.
- A/B टेस्ट: रेंडरिंग की किसी भी लागत से बचने के लिए, सर्वर साइड टेस्टिंग का इस्तेमाल करें. ऑप्टिमाइज़ किए गए और ऑप्टिमाइज़ नहीं किए गए वर्शन के बीच नतीजों की तुलना करें.
- मॉनिटर करना: रिग्रेशन को रोकने के लिए, लगातार निगरानी करने की सुविधा का इस्तेमाल करें.
आखिर में, हमारा मानना है कि परफ़ॉर्मेंस एक मंज़िल तक नहीं, बल्कि एक यात्रा है. साथ ही, हम इस लेख में केस स्टडी की नई हाइलाइट को अपडेट करते रहेंगे. अगर आपके कारोबार में भी शानदार जीत हुई है और आपको इस लेख में शामिल होना है, तो कॉन्टेंट का प्रस्ताव सबमिट करें.