कारोबार के बारे में ज़रूरी फ़ैसले लेने वालों के लिए, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को ऑप्टिमाइज़ करना

जानें कि कारोबार से जुड़े फ़ैसले लेने वाले लोग और ऐसे लोग जो डेवलपर नहीं हैं वे वेबसाइट की परफ़ॉर्मेंस की मेट्रिक को कैसे बेहतर बना सकते हैं.

परिचय

वेबसाइट में लोगों को मिलने वाले अनुभव से, कारोबार की परफ़ॉर्मेंस पर सीधे तौर पर असर पड़ता है. वेबसाइट के जल्दी लोड होने और लोगों को तेज़ी से जवाब मिलने से, यूज़र ऐक्टिविटी और कन्वर्ज़न रेट बढ़ता है. वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, वेबसाइटों पर मिलने वाले अनुभव का आकलन करने के लिए तैयार की गई है. इससे यह पता लगाया जाता है कि वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने के लिए किन चीज़ों में सुधार किया जा सकता है.

हालांकि, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़े कई दस्तावेज़, वेब डेवलपर के लिए हैं. इनमें तकनीकी जानकारी के साथ-साथ, कोड पर पूरा कंट्रोल होता है. कई वेबसाइटें, "साइट बिल्डर" प्लैटफ़ॉर्म का इस्तेमाल करके बनाई जाती हैं. इन प्लैटफ़ॉर्म में WordPress, Shopify, Wix या इससे मिलते-जुलते अन्य प्लैटफ़ॉर्म शामिल हैं. इन वेबसाइटों को बनाने के लिए, अक्सर वेब डेवलपमेंट टीम की ज़रूरत नहीं होती.

भले ही, आपके पास वेब डेवलपर या कोई खास टीम हो, लेकिन वेब की परफ़ॉर्मेंस की ज़िम्मेदारी सिर्फ़ उनकी नहीं होती. कारोबार से जुड़े फ़ैसले लेने वाले लोगों का, वेबसाइट की परफ़ॉर्मेंस पर काफ़ी असर पड़ता है. इन फ़ैसलों में, कॉन्टेंट और डिज़ाइन तय करना, विज्ञापन की रणनीतियां बनाना, और अपनी वेबसाइटों पर ज़्यादा ट्रैफ़िक लाना शामिल है. इन फ़ैसलों का अक्सर वेबसाइट की परफ़ॉर्मेंस पर काफ़ी असर पड़ता है.

इस गाइड का मकसद, साइट बनाने वालों और मालिकों को कुछ काम की जानकारी देना है. इससे वे वेब डेवलपमेंट के बारे में ज़्यादा जानकारी के बिना, अपने उपयोगकर्ता अनुभव को बेहतर बना सकते हैं और उसे समझ सकते हैं.

साथ ही, परफ़ॉर्मेंस से जुड़ी कई समस्याओं को ठीक करने के लिए, डेवलपर को तकनीकी सुधार लागू करने की ज़रूरत होती है. इन समस्याओं को ठीक करने में, डेवलपर के लिए बनी गाइड मददगार साबित हो सकती हैं. यह पूरी जानकारी देने वाली गाइड नहीं है. यह कारोबार से जुड़े फ़ैसले लेने वाले लोगों के लिए, Core Web Vitals पहल के बारे में जानकारी देने वाली गाइड है. इसमें, पेज की खराब परफ़ॉर्मेंस की कुछ ऐसी सामान्य वजहों के बारे में बताया गया है जो डेवलपमेंट से जुड़ी नहीं हैं. इनके अलावा, आगे की प्रोग्रेस के लिए, वेब डेवलपर की ज़रूरत पड़ सकती है.

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी क्या है?

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, तीन मेट्रिक का एक सेट है. इसे किसी पेज के उपयोगकर्ता अनुभव को मेज़र करने के लिए डिज़ाइन किया गया है. खास तौर पर, यह मेट्रिक यह बताती है कि उपयोगकर्ताओं को पेज कितना तेज़ लगता है. इनमें से हर एक का तीन अक्षरों का छोटा नाम होता है:

• सबसे बड़े एलिमेंट को रेंडर करने में लगने वाला समय (एलसीपी), लोड होने की परफ़ॉर्मेंस का आकलन करती है. इससे पता चलता है कि पेज लोड होने के बाद, पेज के सबसे मुख्य कॉन्टेंट को दिखने में कितना समय (सेकंड में) लगा.
• कुल लेआउट शिफ़्ट (सीएलएस) से किसी पेज की विज़ुअल स्टैबिलिटी का पता चलता है. इससे पता चलता है कि पेज लोड होने के दौरान कॉन्टेंट कितना हिलता है.
• पेज के रिस्पॉन्स में लगने वाला समय (आईएनपी): इससे पता चलता है कि क्लिक, टैप, और कीबोर्ड इंटरैक्शन का जवाब देने में पेज को कितना समय लगता है.

हर मेट्रिक, उपयोगकर्ता अनुभव के किसी अलग पहलू को मेज़र करती है. Google हर मेट्रिक के लिए, थ्रेशोल्ड के सुझाव भी देता है. थ्रेशोल्ड से कम उपयोगकर्ता अनुभव को अच्छा माना जाता है. वहीं, थ्रेशोल्ड से ज़्यादा उपयोगकर्ता अनुभव को खराब माना जाता है. इन थ्रेशोल्ड के बीच, किसी पेज को बेहतर बनाने की ज़रूरत है रेंज में माना जाता है. ध्यान रखें कि इन मेट्रिक के लिए, कम संख्याएं बेहतर होती हैं.

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को कैसे मेज़र किया जाता है?

वेबसाइट की परफ़ॉर्मेंस की जानकारी को आपकी वेबसाइट के असली उपयोगकर्ताओं के हिसाब से मेज़र किया जाता है. अलग-अलग उपयोगकर्ताओं के लिए, अलग-अलग नतीजे मिलेंगे. ये "Google की सोच" या "Googlebot की सोच" नहीं हैं, बल्कि आपकी वेबसाइट के असली उपयोगकर्ताओं के अनुभव हैं.

कुछ उपयोगकर्ताओं के पास तेज़ डिवाइस और तेज़ नेटवर्क होंगे. कुछ लोग धीमे डिवाइसों या धीमे नेटवर्क का इस्तेमाल कर रहे होंगे. कुछ उपयोगकर्ता आपकी साइट पर आसान और तेज़ी से लोड होने वाले पेजों पर जाएंगे, जबकि अन्य उपयोगकर्ता ज़्यादा जटिल और धीमे लोड होने वाले पेजों पर जाएंगे. इसके बाद, उपयोगकर्ता अनुभव के इन सभी नतीजों को इकट्ठा करके, आपकी पूरी वेबसाइट का आकलन किया जाता है.

Google, ऑप्ट-इन करने वाले Chrome उपयोगकर्ताओं का डेटा, Chrome उपयोगकर्ता अनुभव रिपोर्ट (CrUX) में उपलब्ध कराता है. यह डेटा, PageSpeed Insights और Google Search Console जैसे कई Google टूल में फ़ीड होता है.

CrUX, लाखों लोकप्रिय वेबसाइटों पर उपलब्ध है. हालांकि, सभी वेबसाइटें CrUX में शामिल नहीं हैं. रीयल यूज़र मॉनिटरिंग (आरयूएम) के अन्य टूल भी आपकी साइट के लिए ये मेट्रिक इकट्ठा कर सकते हैं.

मैं अपनी साइट की वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी कैसे देखूं?

ऐसे कई टूल हैं जो Google और तीसरे पक्षों की ओर से दी गई, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक दिखाते हैं. इस पोस्ट में दो टूल के बारे में बताया गया है. इनकी मदद से, अपनी साइट के लिए वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी तुरंत देखी जा सकती है. Google के अन्य टूल के बारे में ज़्यादा जानने के लिए, Google टूल की मदद से, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़े वर्कफ़्लो पोस्ट पढ़ें. इसमें, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़ी समस्याओं को हल करने के लिए, इन टूल का इस्तेमाल करने का वर्कफ़्लो भी शामिल है.

अगर आपका प्लैटफ़ॉर्म इंटिग्रेटेड आरयूएम (रियल यूज़र मेज़रमेंट) का समाधान उपलब्ध कराता है, तो यह आपकी साइट के पेजों के बारे में ज़्यादा जानकारी दे सकता है. इसके अलावा, यह आपको खास पेजों पर ड्रिल-डाउन करने या अपने उपयोगकर्ताओं को सेगमेंट में बांटने की सुविधा भी दे सकता है. इससे, समस्याओं को समझने और उनकी पहचान करने में मदद मिलती है.

PageSpeed Insights

तुरंत जानकारी देखने के लिए, PageSpeed Insights (PSI) का इस्तेमाल किया जा सकता है. इसके लिए, आपको कोई सेटअप करने की ज़रूरत नहीं है. यूआरएल टाइप करें और 'विश्लेषण करें' पर क्लिक करें. अगर आपकी साइट को CrUX में शामिल किया गया है, तो आपको तुरंत "जानें कि आपके असली उपयोगकर्ताओं को कैसा अनुभव मिल रहा है" सेक्शन दिखेगा:

इससे पता चलता है कि पिछले 28 दिनों में, Chrome का इस्तेमाल करने वाले असली उपयोगकर्ताओं को आपकी वेबसाइट पर कैसा अनुभव मिला. आपको सबसे ऊपर, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली तीन मेट्रिक दिखेंगी. साथ ही, नीचे अन्य सहायक मेट्रिक भी दिखेंगी. इनमें, आईएनपी मेट्रिक भी शामिल है, जिसे अभी मंज़ूरी नहीं मिली है. पेज पर सबसे ऊपर, पास या फ़ेल होने के आकलन में सिर्फ़ Core Web Vitals की गिनती की जाती है. हालांकि, अन्य मेट्रिक, Core Web Vitals से जुड़ी समस्याओं को हल करने में मददगार हो सकती हैं. इस बारे में अगले सेक्शन में बताया गया है.

इस सेक्शन में सबसे ऊपर मौजूद बटन का इस्तेमाल करके, मोबाइल और डेस्कटॉप व्यू के बीच टॉगल किया जा सकता है. सबसे ऊपर दाईं ओर मौजूद टॉगल का इस्तेमाल करके, इस यूआरएल और उस ऑरिजिन के सभी डेटा के बीच भी टॉगल किया जा सकता है.

इन आंकड़ों से आपको यह पता चलेगा कि आपकी साइट की परफ़ॉर्मेंस कैसी है. साथ ही, यह भी पता चलेगा कि किन मेट्रिक को बेहतर बनाया जा सकता है और किन डिवाइसों पर.

Google Search Console

Google Search Console (GSC) सिर्फ़ साइट के मालिकों के लिए है. इसलिए, इसका इस्तेमाल करने के लिए, साइट के मालिकाना हक की पुष्टि करना और साइट को रजिस्टर करना ज़रूरी है. इससे यह जानकारी मिलती है कि Google Search आपकी साइट को कैसे देखता है.

PageSpeed Insights के उलट, GSC उन सभी पेजों की सूची दिखाता है जिनके बारे में Google Search को आपकी साइट पर पता है. साथ ही, इन सभी पेजों के लिए, वेबसाइट की परफ़ॉर्मेंस से जुड़ी जानकारी देता है:

पेजों को यूआरएल ग्रुप में इकट्ठा किया जाता है, ताकि यह देखा जा सके कि पेजों की कुछ कैटगरी (उदाहरण के लिए, प्रॉडक्ट की जानकारी वाले पेज, ब्लॉग पेज वगैरह) में कोर वेब वाइटल से जुड़ी समस्याएं हैं या नहीं. आम तौर पर, ये पेज एक जैसी टेक्नोलॉजी या टेंप्लेट पर बनाए जाते हैं. इसलिए, इन पेजों में आने वाली किसी भी समस्या की एक ही वजह हो सकती है.

साइट बिल्डर के लिए, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़ी सामान्य समस्याएं

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

जब हम "नॉन-डेवलपर" कहते हैं, तो हमारा मतलब उन लोगों से है जो साइट बिल्डर प्लैटफ़ॉर्म का इस्तेमाल करते हैं. इन प्लैटफ़ॉर्म पर, साइट को कोड करने के तरीके पर उनका कंट्रोल सीमित होता है. इसके अलावा, इनमें कारोबार से जुड़े ऐसे फ़ैसले लेने वाले लोग भी शामिल हैं जो साइट के डिज़ाइन का फ़ैसला ले सकते हैं या बजट को प्राथमिकता देने में मदद कर सकते हैं.

सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) से जुड़ी समस्याएं

एलसीपी का मकसद, वेब पेजों के लोड होने में लगने वाले समय को मेज़र करना है. इसके लिए, यह मेट्रिक उस समय को मेज़र करती है जो किसी लिंक पर क्लिक करने से लेकर, ब्राउज़र में सबसे बड़ा कॉन्टेंट (आम तौर पर बैनर इमेज या हेडलाइन) दिखने तक लगता है.

पेज की अच्छी परफ़ॉर्मेंस के लिए ज़रूरी है कि लिंक पर क्लिक करने के बाद, वेब पेज का कॉन्टेंट लोड होने में 2.5 सेकंड से कम समय लगना चाहिए. अगर इसमें चार सेकंड से ज़्यादा समय लगता है, तो इसे खराब परफ़ॉर्मेंस माना जाता है.

अगले सेक्शन में, एलसीपी पर असर डालने वाली कुछ सामान्य समस्याओं के बारे में बताया गया है. इन समस्याओं को कारोबार के फ़ैसले लेने वाले लोग ठीक कर सकते हैं.

पेज लोड होने में देरी

हम अक्सर पेज के लोड होने में लगने वाले समय को कम करने के बारे में सोचते हैं. हालांकि, ऐसा करने में भी अक्सर देरी होती है. अगर वेबसाइट कुछ सेकंड तक भी डाउनलोड नहीं होती है, तो एलसीपी को 2.5 सेकंड के थ्रेशोल्ड से कम में दिखाना असंभव है!

टाइम टू फ़र्स्ट बाइट (टीटीएफ़बी) वह समय होता है जो आपके वेब पेज के पहले हिस्से को डाउनलोड होने में लगता है. अगर PageSpeed Insights, TTFB डाइग्नोस्टिक्स मेट्रिक को लाल या ऐंबर रंग में दिखा रहा है, तो इस समस्या को ठीक करना ज़रूरी है. इससे एलसीपी पर सीधा असर पड़ेगा.

अपने दर्शकों के बारे में जानें

TTFB से जुड़ी समस्याओं को हल करने के लिए, अपनी ऑडियंस को समझना ज़रूरी है. अगर आपकी वेबसाइट किसी एक देश में होस्ट की जाती है, लेकिन वह ग्लोबल ऑडियंस के लिए उपलब्ध है, तो आपकी वेबसाइट के उपयोगकर्ताओं और आपके वेब सर्वर के बीच की भौगोलिक दूरी, पेज के टीटीएफ़बी (पेज लोड होने में लगने वाला समय) में एक फ़ैक्टर बन जाती है. कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) की मदद से, आपकी साइट की कॉपी दुनिया भर में कैश मेमोरी में सेव की जा सकती हैं. इससे, उपयोगकर्ताओं को कॉन्टेंट तुरंत मिल पाता है. होस्टिंग की सेवा देने वाली कई कंपनियां, अपनी सेवाओं में सीडीएन को शामिल करती हैं. साथ ही, वे इसकी देखभाल अपने-आप करती हैं. देखें कि आपकी साइट को होस्ट करने वाली कंपनी के लिए भी ऐसा है या नहीं. कुछ प्लैटफ़ॉर्म, पैसे चुकाकर ली जाने वाली सेवा के अलग-अलग टीयर उपलब्ध कराते हैं. इनमें ज़्यादा सीडीएन लोकेशन होती हैं. ऐसे मामलों में, ग्लोबल कारोबारों को ज़्यादा टीयर के लिए आवेदन करना चाहिए.

रीडायरेक्‍ट छोटे करें

रीडायरेक्ट, TTFB के धीमे होने की एक और आम वजह है. विज्ञापन कैंपेन चलाते समय या ईमेल भेजते समय, लिंक छोटा करने वाली एक से ज़्यादा सेवाओं का इस्तेमाल करने से बचें. साथ ही, ऐसे यूआरएल भी शामिल न करें जिन्हें रीडायरेक्ट करना ज़रूरी है. इससे रीडायरेक्ट की संख्या कम हो जाएगी. उदाहरण के लिए, किसी कैंपेन में example.com/blog का इस्तेमाल करके, www.example.com/blog पर रीडायरेक्ट किया जाता है. इसके बाद, https://www.example.com/blog पर रीडायरेक्ट किया जाता है. इससे पेज के टीटीएफ़बी में समय जुड़ जाता है. पक्का करें कि आपके मार्केटिंग कैंपेन, रीडायरेक्ट का कम से कम इस्तेमाल करें.

पक्का करना कि विज्ञापन कैंपेन सही ऑडियंस को टारगेट कर रहे हों

यह भी पक्का करें कि आपके विज्ञापन कैंपेन, आपकी ऑडियंस को असरदार तरीके से टारगेट कर रहे हों. दुनिया भर में मौजूद ऐसे उपयोगकर्ताओं से बहुत सारा नया ट्रैफ़िक मिलना जिन तक आपका प्रॉडक्ट नहीं पहुंच सकता, इससे विज्ञापन पर खर्च किया गया पैसा बर्बाद होता है. साथ ही, आपकी वेबसाइट की परफ़ॉर्मेंस पर भी बुरा असर पड़ता है.

यूआरएल पैरामीटर का असर वेब की परफ़ॉर्मेंस पर पड़ सकता है

UTM पैरामीटर जैसे यूआरएल पैरामीटर का इस्तेमाल, आम तौर पर मार्केटिंग कैंपेन के लिए किया जाता है. इनसे आपके इन्फ़्रास्ट्रक्चर पर कैश मेमोरी का असर कम हो सकता है. ऐसा इसलिए, क्योंकि हर यूआरएल एक यूनीक पेज की तरह दिख सकता है. भले ही, हर बार एक ही पेज दिखाया जा रहा हो. अगर UTM पैरामीटर का इस्तेमाल किया जाता है, तो सीडीएन सेवा देने वाली कंपनी या इन्फ़्रास्ट्रक्चर टीम से बात करें. इससे यह पक्का किया जा सकेगा कि कैश मेमोरी में डेटा सेव किए जाने की सेटिंग, इन यूआरएल पैरामीटर को अनदेखा करे. इससे कैंपेन को पहले से कैश मेमोरी में सेव किए गए पेजों का फ़ायदा मिल पाएगा.

परफ़ॉर्मेंस के लिए मीडिया की लागत ज़्यादा हो सकती है

अपने पेजों पर मीडिया के असर पर विचार करें. आम तौर पर, इमेज और वीडियो जैसे मीडिया का साइज़ बहुत बड़ा होता है. इसलिए, इन्हें टेक्स्ट की तुलना में डाउनलोड होने में ज़्यादा समय लगता है. इससे पेज के बाकी हिस्से लोड होने में भी ज़्यादा समय लग सकता है. यह खास तौर पर तब ज़रूरी होता है, जब एलसीपी एलिमेंट टेक्स्ट के बजाय मीडिया हो. एलसीपी एलिमेंट, लगभग 80% वेब पेजों पर एक इमेज होती है. इसलिए, यह ज़रूरी है कि आप अपनी साइट पर मीडिया के असर पर विचार करें.

साथ ही, मीडिया ऐसेट से उपयोगकर्ता को बेहतर विज़ुअल अनुभव मिल सकता है. यह अनुभव, ज़्यादा टेक्स्ट वाली साइट के मुकाबले ज़्यादा दिलचस्प होता है. इसलिए, मीडिया को हटाना कभी-कभार ही एक विकल्प होता है. हालांकि, मीडिया की लागत और उसे कम करने के तरीके के बारे में जानने से, परफ़ॉर्मेंस से जुड़ी समस्याओं को कम किया जा सकता है.

कैरसेल का इस्तेमाल न करना

कई इमेज वाले कैरसेल का इस्तेमाल करने पर, पेज के लोड होने में लगने वाला कुल समय बढ़ सकता है. ऐसा इसलिए, क्योंकि इन्हें सही तरीके से लागू नहीं करने पर, एक साथ कई इमेज डाउनलोड करने की ज़रूरत पड़ सकती है. इसके अलावा, कैरसेल हर जगह मौजूद होने के बावजूद, अक्सर उपयोगकर्ताओं को अच्छा अनुभव नहीं देते. इसलिए, अपनी साइट पर इनका इस्तेमाल करने से पहले, अच्छी तरह से सोच-विचार कर लें.

वेब के लिए ऑप्टिमाइज़ की गई इमेज का इस्तेमाल करना

इसके बाद, मीडिया ऐसेट का साइज़ भी एक फ़ैक्टर है. वेब पर कई इमेज बहुत ज़्यादा रिज़ॉल्यूशन में दिखाई जाती हैं. पक्का करें कि मीडिया पार्टनर या डिज़ाइन एजेंसियां, अक्सर उपलब्ध कराई जाने वाली प्रिंट-क्वालिटी की पूरी इमेज के बजाय, वेब के लिए ऑप्टिमाइज़ की गई इमेज उपलब्ध कराएं. अपलोड करने से पहले, इमेज से गै़र-ज़रूरी डेटा को तुरंत हटाने के लिए, TinyJPG जैसी सेवा का इस्तेमाल किया जा सकता है. कई वेब प्लैटफ़ॉर्म, अपलोड करने पर इमेज को अपने-आप ऑप्टिमाइज़ करने की कोशिश करेंगे. हालांकि, वे यह नहीं जानते कि इमेज को उपयोगकर्ता के डिवाइस पर किस डाइमेंशन में दिखाया जाएगा. इसलिए, शुरुआत में छोटी इमेज अपलोड करने से ज़्यादा फ़ायदा मिल सकता है.

वीडियो के मामले में ज़्यादा सावधानी बरतें

वीडियो इस्तेमाल करते समय ज़्यादा सावधानी बरतें. वीडियो, वेबसाइट के लिए सबसे बड़े और धीमे कॉन्टेंट में से एक होते हैं. इसलिए, इनका ज़रूरत से ज़्यादा इस्तेमाल न करें. वेब पेजों पर सबसे ऊपर वीडियो इस्तेमाल करने से बचें और इन्हें पेज पर नीचे की ओर रखें. इससे, कम डेटा वाले कॉन्टेंट को तेज़ी से लोड किया जा सकता है, ताकि उपयोगकर्ताओं को लोडिंग का बेहतर अनुभव दिया जा सके. साथ ही, यह पक्का किया जा सके कि आपके एलसीपी पर कोई असर न पड़े.

A/B टेस्ट

कई कारोबार अपनी वेबसाइट में बदलाव करने के लिए, A/B टेस्ट करते हैं. इनका इस्तेमाल करने के तरीके से, एलसीपी पर काफ़ी असर पड़ सकता है.

A/B टेस्टिंग के कई समाधानों में, उपयोगकर्ता को वेबसाइट पहली बार तब दिखती है, जब किसी भी टेस्ट में किए गए बदलाव लागू हो जाते हैं. इससे वेबसाइट का ओरिजनल वर्शन नहीं दिखता. हालांकि, इसके लिए उपयोगकर्ता को वेबसाइट दिखने में थोड़ी देरी होती है. इस देरी से बचने के लिए, अन्य समाधान सर्वर साइड पर लागू किए जाते हैं. समय निकालकर यह समझें कि A/B टेस्टिंग कैसे की जाती है और क्या इसमें इन देरी का असर पड़ता है. इसके अलावा, जहां भी हो सके वहां सर्वर साइड A/B टेस्टिंग के समाधानों का इस्तेमाल करें.

नए बदलावों को लॉन्च करने से पहले, A/B टेस्टिंग से अहम सुझाव मिल सकते हैं. हालांकि, पेज की परफ़ॉर्मेंस पर होने वाले असर को, उनसे मिलने वाले संभावित फ़ायदों के साथ तुलना करना ज़रूरी है.

आपका इंफ़्रास्ट्रक्चर चाहे जो भी हो, A/B टेस्ट चलाने वाले सभी को इन सबसे सही तरीकों को हमेशा ध्यान में रखना चाहिए:

• A/B टेस्टिंग टूल का इस्तेमाल सिर्फ़ उन पेजों के लिए करें जो टेस्ट का हिस्सा हैं. ऐसा तब करें, जब किसी खास समय पर ज़्यादातर पेजों पर A/B टेस्ट न चल रहा हो.
• ज़्यादातर उपयोगकर्ताओं पर असर न पड़े, इसके लिए A/B टेस्टिंग को उपयोगकर्ताओं के सबसेट तक सीमित करें.
• बेहतर नतीजे पाने के लिए, A/B टेस्ट को कम से कम समय तक चलाएं. A/B टेस्ट जितने लंबे समय तक चलते हैं, उपयोगकर्ताओं को पेज की परफ़ॉर्मेंस उतनी ही खराब दिख सकती है.
• सबसे ज़रूरी बात यह है कि जब A/B टेस्टिंग एक्सपेरिमेंट की ज़रूरत न हो, तो उन्हें हटाना न भूलें.

कुल लेआउट शिफ़्ट (सीएलएस) से जुड़ी समस्याएं

सीएलएस, किसी पेज की विज़ुअल स्टैबिलिटी को मेज़र करता है. इससे पता चलता है कि पेज लोड होने के दौरान, पेज का कॉन्टेंट कितना शिफ़्ट होता है. अगर कोई उपयोगकर्ता किसी वेब पेज को पढ़ना शुरू कर देता है, लेकिन ज़्यादा कॉन्टेंट या विज्ञापनों के स्लॉट में जगह बनाने के लिए, पेज का क्रम बदल जाता है, तो इससे उपयोगकर्ता का ध्यान भटका सकता है. अगर पेज का लेआउट बहुत ज़्यादा शिफ़्ट होता है, तो उपयोगकर्ता अनजाने में गलत कॉन्टेंट पर क्लिक कर सकते हैं. बाद में लोड होने वाले डाइनैमिक कॉन्टेंट से सावधान रहें. यह कॉन्टेंट, पेज के शुरुआती कॉन्टेंट को हटा सकता है.

इसका हिसाब गणित के फ़ॉर्मूला से लगाया जाता है. इससे यह पता चलता है कि कितने कॉन्टेंट में बदलाव हुआ है और कितना बदलाव हुआ है. इसे यूनिट के बिना फ़्रैक्शन के तौर पर दिखाया जाता है. इसमें 0.1 या उससे कम वैल्यू को अच्छा और 0.25 या उससे ज़्यादा वैल्यू को खराब माना जाता है.

सीएलएस पर असर डालने वाली कुछ सामान्य समस्याओं के बारे में अगले सेक्शन में बताया गया है. इन समस्याओं पर कारोबार के फ़ैसले लेने वाले लोग असर डाल सकते हैं.

देखें कि पेज को स्क्रोल करने पर, आपकी इमेज कैसे लोड होती हैं

कई टेंप्लेट, पेज पर नीचे की ओर इमेज लोड करने से बचते हैं, ताकि पेज लोड होने के दौरान स्क्रीन पर दिखने वाली इमेज को ज़्यादा रिसॉर्स मिल सकें. इसके बाद, जब उपयोगकर्ता नीचे की ओर स्क्रोल करता है, तब इमेज लोड होती हैं. इमेज लोड करने की इस तकनीक को लेज़ी लोडिंग कहा जाता है.

पेज टेंप्लेट में, लेज़ी लोड की गई इमेज के लिए जगह खाली होनी चाहिए. इससे, अगर इमेज लोड होने से पहले उपयोगकर्ता बहुत तेज़ी से स्क्रोल करता है, तो उसके आस-पास मौजूद कॉन्टेंट नहीं हिलता. अगर आपका टेंप्लेट या प्लैटफ़ॉर्म ऐसा नहीं करता है, तो किसी ऐसे टेंप्लेट या प्लैटफ़ॉर्म का इस्तेमाल करें जो ऐसा करता हो.

कॉन्टेंट के बीच में विज्ञापन दिखाने से सावधान रहें

कॉन्टेंट के बीच में विज्ञापन डालने से, आपके कॉन्टेंट को नीचे धकेलने का खतरा होता है. इसकी वजह यह है कि विज्ञापनों को लोड होने में अक्सर थोड़ा ज़्यादा समय लगता है. यह समय, पिछले सेक्शन में बताई गई इमेज से ज़्यादा होता है. आम तौर पर, इन्हें मुख्य पेज के कॉन्टेंट के बगल में रखा जाता है. इससे, इस तरह के खतरे को कम किया जा सकता है. इसे लागू करने का तरीका, आपके प्लैटफ़ॉर्म और साइट बनाने के लिए इस्तेमाल किए गए टेंप्लेट पर निर्भर करता है.

पेजों में सबसे ऊपर डाइनैमिक कॉन्टेंट जोड़ने से बचें

पेज लोड होने के बाद, पेज के सबसे ऊपर सूचनाएं और बैनर जोड़ने से बचें. उदाहरण के लिए, कुकी बैनर या खास ऑफ़र. मुख्य कॉन्टेंट के ऊपर सूचनाएं और बैनर ओवरले करने का विकल्प चुनने पर, पेज का कॉन्टेंट नहीं हटेगा. पिछले सेक्शन की तरह ही, यहां आपके विकल्प आपके पेजों के लिए इस्तेमाल किए गए प्लैटफ़ॉर्म और टेंप्लेट पर निर्भर करेंगे.

पेज के रिस्पॉन्स में लगने वाला समय (आईएनपी) से जुड़ी समस्याएं

आईएनपी से किसी पेज की रिस्पॉन्सिविटी का पता चलता है. इससे यह पता चलता है कि पेज, क्लिक, टैप, और कीबोर्ड इनपुट जैसे इंटरैक्शन का जवाब तुरंत देते हैं या नहीं. जो पेज उपयोगकर्ता के इनपुट का तुरंत जवाब नहीं देते वे अक्सर धीमे लगते हैं. साथ ही, इनसे उपयोगकर्ताओं को परेशानी हो सकती है.

आईएनपी, किसी पेज के लाइफ़स्पैन के दौरान, ज़रूरी शर्तें पूरी करने वाले हर इंटरैक्शन को मेज़र करता है. साथ ही, सबसे खराब इंटरैक्शन की रिपोर्ट करता है. आईएनपी का अच्छा थ्रेशोल्ड 200 मिलीसेकंड और खराब थ्रेशोल्ड 500 मिलीसेकंड होता है.

रिस्पॉन्सिविटी मेट्रिक, खास तौर पर INP को ऑप्टिमाइज़ करना मुश्किल होता है. जब ये मेट्रिक खराब थ्रेशोल्ड में होती हैं, तो आम तौर पर इसका मतलब है कि वेब पेज पर बहुत ज़्यादा काम करने की वजह से, इंटरैक्शन में देरी हो रही है. इसलिए, पेजों को हल्का बनाने के लिए, यहां मुख्य समाधानों में ग़ैर-ज़रूरी कोड हटाना शामिल है.

अगले सेक्शन में, आईएनपी पर असर डालने वाली कुछ सामान्य समस्याओं के बारे में बताया गया है. इन समस्याओं पर कारोबार के फ़ैसले लेने वाले लोग असर डाल सकते हैं.

समय-समय पर साफ़-सफ़ाई करें!

अपनी साइट में जोड़े गए प्लग इन और विजेट की समीक्षा करें. अगर उनका इस्तेमाल नहीं किया जा रहा है, तो उन्हें हटा दें. किसी प्लग इन को आज़माने के लिए उसे जोड़ना आसान होता है. हालांकि, अगर वह आपके काम का नहीं है, तो उसे बाद में हटाना मुश्किल हो जाता है. इंटरैक्शन धीमे होने की एक वजह यह है. हालांकि, इसे ऑप्टिमाइज़ करना अन्य ऑप्टिमाइज़ेशन के मुकाबले आसान है.

इसी तरह, अगर मार्केटिंग कैंपेन के लिए टैग मैनेजर का इस्तेमाल किया जा रहा है, तो पक्का करें कि पुराने कैंपेन हटा दिए गए हों. भले ही, वे अब ट्रिगर न हों, लेकिन खत्म हो चुके मार्केटिंग कैंपेन के कोड को हर पेज पर डाउनलोड और कंपाइल करना ज़रूरी है. इससे, पेज के लोड होने के दौरान उपयोगकर्ता इंटरैक्शन धीमा हो सकता है.

महंगे विजेट और प्लग इन का इस्तेमाल न करें

प्रोसेसिंग के लिए ज़्यादा समय लेने वाले विजेट और प्लग इन अच्छे दिख सकते हैं, लेकिन क्या इनसे उपयोगकर्ता अनुभव बेहतर होता है या खराब? PageSpeed Insights में, Lighthouse की मदद से, परफ़ॉर्मेंस से जुड़ी समस्याओं का पता लगाने वाली रिपोर्ट मिलती है. इससे, उस JavaScript की पहचान करने में मदद मिलती है जिससे आपकी वेबसाइट की परफ़ॉर्मेंस पर असर पड़ रहा है.

आम तौर पर, विजेट सिर्फ़ उन पेजों पर जोड़ें जहां उनकी ज़रूरत है. अगर आपने Google Maps को सिर्फ़'हमसे संपर्क करें' पेज पर जोड़ा है, तो उसे हर उस पेज पर लोड करने की ज़रूरत नहीं है जहां इसकी वजह से पेज लोड होने में देरी हो सकती है.

विज्ञापनों की संख्या पर ध्यान दें—खास तौर पर मोबाइल पर

विज्ञापन, कई कारोबारों के लिए कमाई करने की एक अच्छी रणनीति है. हालांकि, ये अक्सर जटिल होते हैं और इनमें ज़्यादा संसाधनों की ज़रूरत होती है. आपके पास जितने ज़्यादा विज्ञापन होंगे, वे उतने ही ज़्यादा संसाधनों का इस्तेमाल करेंगे. इससे पेज की स्पीड पर असर पड़ सकता है. यह बात खास तौर पर मोबाइल डिवाइसों पर लागू होती है, जहां प्रोसेसिंग पावर मेमोरी अक्सर डेस्कटॉप या लैपटॉप डिवाइसों की तरह अच्छी नहीं होती.

कमाई करने और परफ़ॉर्मेंस के बीच संतुलन बनाए रखें. अगर खराब अनुभव की वजह से उपयोगकर्ता पहले ही चले जाते हैं, तो हो सकता है कि अतिरिक्त विज्ञापनों से आपको जितनी आय हो रही है उससे ज़्यादा खर्च हो रहा हो.

पेज का साइज़ बहुत ज़्यादा न रखें

बड़े और जटिल पेजों को दिखाने में ज़्यादा समय लगता है. उदाहरण के लिए, अगर आपकी प्रॉडक्ट गैलरी में 1,000 अलग-अलग प्रॉडक्ट हैं, तो उपयोगकर्ता की ब्राउज़र विंडो में उन्हें दिखने में थोड़ा समय लगेगा. इस समय को कम करने के लिए, पेजों को पेज के हिसाब से बांटने का समय तय करें.

मुझे ज़्यादा मदद कैसे मिल सकती है?

इस पोस्ट में, कारोबार के मालिकों के लिए कुछ सामान्य बातों के बारे में बताया गया है. इन बातों का ध्यान रखने से, कारोबार की परफ़ॉर्मेंस पर असर पड़ सकता है. इसके अलावा, आपको अपनी वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने के बारे में ज़्यादा जानकारी पाने के लिए, वेब डेवलपर से सलाह लेनी पड़ सकती है.

प्लैटफ़ॉर्म के हिसाब से जानकारी

ज़्यादातर प्लैटफ़ॉर्म अपनी वेब परफ़ॉर्मेंस को लेकर काफ़ी गंभीर होते हैं. साथ ही, वे इसे बेहतर बनाने के लिए, प्लैटफ़ॉर्म के हिसाब से खास सलाह भी देते हैं. इस प्लैटफ़ॉर्म का इस्तेमाल करने पर, आपके पास वेब परफ़ॉर्मेंस से जुड़ी खास टीमों का ऐक्सेस भी हो सकता है. ये टीमें आपकी साइट को बेहतर बनाने के बारे में सलाह दे सकती हैं.

Lighthouse, स्टैक पैक की सुविधा का इस्तेमाल करके, प्लैटफ़ॉर्म के हिसाब से जानकारी भी दिखाता है. इससे, इस्तेमाल किए जा सकने वाले प्लैटफ़ॉर्म के उपयोगकर्ताओं को सही सलाह मिल सकती है.

प्लैटफ़ॉर्म समय के साथ लगातार बेहतर होते रहते हैं. फ़िलहाल, कई प्लैटफ़ॉर्म परफ़ॉर्मेंस और वेबसाइट की परफ़ॉर्मेंस से जुड़ी मेट्रिक पर ध्यान दे रहे हैं. पक्का करें कि आपका प्लैटफ़ॉर्म अप-टू-डेट हो, ताकि आपको प्लैटफ़ॉर्म डेवलपर के किए गए नए सुधारों का फ़ायदा मिल सके.

होस्ट किए गए प्लैटफ़ॉर्म का इस्तेमाल करने पर, यह काम आसान हो जाता है. इस प्लैटफ़ॉर्म को प्लैटफ़ॉर्म देने वाली कंपनी अपने-आप मैनेज करती है. इसमें प्लैटफ़ॉर्म के अपडेट भी शामिल हैं. अगर प्लैटफ़ॉर्म को खुद होस्ट किया जा रहा है, जैसे कि अपने सर्वर पर WordPress इंस्टॉल करना, तो प्लैटफ़ॉर्म को नियमित तौर पर अपडेट करना न भूलें. इससे आपकी साइट को, प्लैटफ़ॉर्म डेवलपर के लागू किए गए सुधारों का फ़ायदा मिलेगा. कारोबारों को इसकी प्राथमिकता देनी चाहिए या कोई ऐसी सेवा चुननी चाहिए जो उनके लिए इसे मैनेज करे.

वेब डेवलपर से संपर्क करना

वेब परफ़ॉर्मेंस के बारे में जानकार किसी वेब डेवलपर के पास, कारोबार के मालिक के मुकाबले ज़्यादा समस्याओं को हल करने की संभावना होती है. हो सकता है कि आपने अपनी साइट को शुरू में बनाने या समय-समय पर बदलाव करने के लिए, पहले से ही किसी वेब डेवलपर को हायर किया हो. इसके अलावा, हो सकता है कि आपके पास डेवलपमेंट के लिए एक खास टीम हो या आपको किसी डेवलपर को हायर करना पड़े. आम तौर पर, ऐसा कोई डेवलपर होना चाहिए जो वेब की परफ़ॉर्मेंस के बारे में जानकार हो.

अगर यहां दिए गए सुझावों से, आपकी वेबसाइट की परफ़ॉर्मेंस से जुड़ी समस्याओं को हल करने में मदद नहीं मिल रही है, तो डेवलपर से संपर्क करें. हालांकि, उम्मीद है कि ऊपर दिए गए उदाहरणों से भी यह पता चलता है कि डेवलपर के साथ मिलकर काम करना ज़रूरी है. इससे, कारोबार की प्राथमिकताओं को डेवलपमेंट के फ़ैसलों के साथ संतुलित किया जा सकता है. इससे, आपकी वेबसाइट के लिए सही समाधान मिल सकता है.

ध्यान रखें कि वेब की परफ़ॉर्मेंस को बेहतर बनाने के लिए, एक बार में ही सब कुछ ठीक नहीं हो जाता. वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाए रखने के लिए, अक्सर उसकी नियमित निगरानी और रखरखाव की ज़रूरत होती है. इससे यह पक्का किया जा सकता है कि सुधार करने के बाद, आपकी वेबसाइट की परफ़ॉर्मेंस खराब न हो.

नतीजा

आम तौर पर, वेबसाइट किसी कारोबार के लिए ग्राहकों के साथ इंटरैक्ट करने का पहला तरीका होती है. इसलिए, आपको यह पक्का करना होगा कि वेबसाइट पर ग्राहकों को बेहतर अनुभव मिले. यह बात, पहली बार आपके कारोबार पर आने वाले लोगों और बार-बार आने वाले लोगों, दोनों पर लागू होती है. साथ ही, यह उन लॉयल ग्राहकों पर भी लागू होती है जिन्हें आसानी से खरीदारी करने का अनुभव दिया जाना चाहिए. ऐसा न करने पर, उन पर आपके कारोबार की खराब छवि बन सकती है. वेबसाइट की परफ़ॉर्मेंस की जानकारी, उपयोगकर्ता अनुभव का आकलन करने वाली एक मेट्रिक है. Google का सुझाव है कि साइटें इस मेट्रिक का इस्तेमाल करें. वेब पर कई तरह की सुविधाएं उपलब्ध हैं. इसलिए, अगर उपयोगकर्ताओं को आपकी वेबसाइट पर कोई समस्या आती है, तो वे दूसरी वेबसाइटों को आज़मा सकते हैं.

साथ ही, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, आपकी वेबसाइट का सिर्फ़ एक मेज़र है. कारोबारों को यह तय करना होगा कि उन्हें अपनी वेबसाइटों में कितना निवेश करना है और उस निवेश से उन्हें क्या रिटर्न मिलेगा.

आभार

Unsplash पर Carlos Muza की थंबनेल इमेज