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

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

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

हालांकि, Core Web Vitals से जुड़े ज़्यादातर दस्तावेज़, वेब डेवलपर के लिए होते हैं जिनके पास तकनीकी चीज़ों की गहरी समझ और कोड का पूरा कंट्रोल होता है. कई वेबसाइटें, गैर-डेवलपर "साइट-बिल्डर" का इस्तेमाल करके बनाते हैं जैसे 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 में शामिल है, तो आपको तुरंत "जानें कि आपके असली उपयोगकर्ता क्या अनुभव कर रहे हैं" दिखना चाहिए सेक्शन:

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

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

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

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

Google Search Console

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

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

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

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

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

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

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

सबसे बड़े एलिमेंट को रेंडर करने में लगने वाले समय (एलसीपी) से जुड़ी समस्याएं

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 मिलीसेकंड का खराब थ्रेशोल्ड है.

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

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

वसंत के मौसम में सफ़ाई करें!

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

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

महंगे विजेट और प्लगिन से बचें

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

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

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

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

कमाई करने और परफ़ॉर्मेंस के बीच संतुलन.

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

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

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

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

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

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

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

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

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

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

वेब डेवलपर से जुड़ना

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

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

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

नतीजा

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

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

स्वीकार की गई

Unस्प्लैश पर कार्लॉस मुज़ा की थंबनेल इमेज