कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

प्रदर्शन मायने रखता है। इसका मतलब विज़िटर के ईमेल को कैप्चर करने या – इससे भी बेहतर – बिक्री स्कोर करने के बीच का अंतर हो सकता है। यही कारण है कि हम अपनी साइटों को तेज़ बनाने के लिए उन्हें अनुकूलित करने में इतना समय लगाते हैं।

लेकिन मैं सिर्फ पेज स्पीड की बात नहीं कर रहा हूं। प्रदर्शन अनुकूलन का एक अन्य क्षेत्र है जिस पर उतना ध्यान नहीं दिया जाता है।

मैं कथित प्रदर्शन के बारे में बात कर रहा हूँ। यह इस बात का पैमाना है कि कोई उपयोगकर्ता आपकी वेबसाइट को कितना तेज़ मानता है, जरूरी नहीं कि आपके तकनीकी आँकड़े इसे कितना तेज़ कहते हैं।

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

पारंपरिक पृष्ठ गति अनुकूलन तकनीकों के अतिरिक्त, इस आलेख में तकनीकों का उपयोग करने से आपकी साइट के समग्र उपयोगकर्ता अनुभव को बढ़ाने में मदद मिलनी चाहिए।

नोट: पृष्ठ गति के बारे में अधिक पढ़ने में रुचि है? पेज स्पीड देखें और मुझे अपनी वर्डप्रेस साइट को बेंचमार्क क्यों करना चाहिए।

समय का मनोविज्ञान: कथित बनाम वास्तविक लोडिंग समय

स्टॉपवॉच से आप जिस समय को मापते हैं, वह वस्तुनिष्ठ समय होता है। यह पूर्ण है – डेवलपर किसी वेबसाइट की पृष्ठ गति को माप सकते हैं और उसे तकनीकी रूप से तेज़ बनाने के लिए आवश्यक समायोजन कर सकते हैं।

दूसरी ओर, मनोवैज्ञानिक समय व्यक्तिपरक और संभावित रूप से निंदनीय है। यह सापेक्ष है, लेकिन इसमें हेरफेर किया जा सकता है ताकि यह वास्तव में जितना हो सके, उससे अधिक तेजी से माना जा सके।

उदाहरण के लिए, लिफ्ट लें। क्या आपने कभी सोचा है कि लिफ्ट में शीशा क्यों होता है? वे आधुनिक समय में सबसे महान आविष्कारों में से एक हैं, जिससे लोगों को सीढ़ियां चढ़ने में पसीने छूटे बिना 40 मंजिलों की यात्रा करने की अनुमति मिलती है।

लेकिन जब लिफ्ट पहली बार पेश की गई, तो लोग उनमें खड़े हो गए, समय की एक अतिरंजित भावना के साथ दरवाजे पर घूर रहे थे क्योंकि उनके पास करने के लिए और कुछ नहीं था (यह स्मार्टफोन के आविष्कार से पहले की बात है!)।

वे केवल इतना ही सोच सकते थे कि 40 मंजिलों से नीचे गिरकर उनकी मौत का डर समझ में आता है, और कुछ नहीं बल्कि केबल उन्हें बीच हवा में लटकाए हुए थे। उसके ऊपर, लोगों ने शिकायत की कि लिफ्ट कितनी धीमी थी।

कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

शीशे की बदौलत सेल्फी एक लिफ्ट पास-टाइम है। छवि: हर्नान पिनेरा।

इसलिए एलेवेटर कंपनियों ने लिफ्टों को तेज और सुरक्षित बनाने की चुनौती का समाधान करने का प्रयास किया। उस समय यह एक महंगा काम था। जब तक कि एक इंजीनियर ने समस्या को दूसरे कोण से देखने का प्रस्ताव नहीं दिया: लोग सोच लिफ्ट धीमी थी, इसलिए बड़ी मोटरों और स्लीकर पुली डिज़ाइन पर ध्यान केंद्रित करने के बजाय, लिफ्ट के अंदर के व्यक्ति पर ध्यान क्यों न दें?

इसने लिफ्टों में दर्पणों के विचार को जन्म दिया ताकि लोग समय पर ध्यान केंद्रित करने या गिरने के बारे में चिंता करने के बजाय कुछ और सोच सकें। शीशों से विचलित होकर लोग अपने बालों और श्रृंगार पर ध्यान देते थे। अनुवर्ती सर्वेक्षण पर, लोगों ने टिप्पणी की कि “नई” लिफ्ट कितनी तेज थी, हालांकि गति बिल्कुल समान थी।

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

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

कई वेबसाइटें अक्सर यूरोस्टार की गलती को दोहराती हैं, वेब विकास के अविश्वसनीय रूप से महत्वपूर्ण पहलू – उपयोगकर्ता अनुभव की उपेक्षा करते हुए पृष्ठ गति में सुधार पर अपने सभी प्रयासों पर ध्यान केंद्रित करती हैं।

आपकी वेबसाइट कितनी तेजी से लोड होनी चाहिए?

समय को निष्पक्ष रूप से देखते हुए, कुछ गति दिशानिर्देश हैं जिन्हें आपको अपनी साइट के प्रदर्शन का अनुकूलन करते समय ध्यान में रखना चाहिए।

उपयोगिता विशेषज्ञ जैकब नीलसन ने अपनी पुस्तक यूज़ेबिलिटी इंजीनियरिंग में एक वेबसाइट के प्रतिक्रिया समय की धारणा के लिए तीन महत्वपूर्ण प्रतिक्रिया समय सीमाओं की पहचान की है:

  • 0.1 सेकंड तक: उपयोगकर्ता किसी प्रत्यक्ष देरी को नहीं पहचानता है। लोडिंग कुछ तात्कालिक लगती है। अपनी वेबसाइटों का अनुकूलन करते समय यह इष्टतम मानक होना चाहिए।
  • 1 सेकंड तक: विलंब थोड़ा बोधगम्य है। उपयोगकर्ता एक ठहराव महसूस करता है। यदि सभी कार्यों को पूरा होने में 1 सेकंड का समय लगता है, तो साइट सुस्त महसूस कर सकती है।
  • 10 सेकंड तक: यदि किसी ऑपरेशन को पूरा होने में 10 सेकंड या उससे अधिक समय लगता है, तो आप उपयोगकर्ता का ध्यान खो देंगे। वे एक नए टैब या ऐप पर स्विच कर सकते हैं या बस आपके वेबपेज को बंद कर सकते हैं। हालांकि, ऐसे उदाहरण हैं जब कोई उपयोगकर्ता प्रतीक्षा करेगा, जैसे कि जब उन्होंने चेकआउट के समय अभी-अभी अपना क्रेडिट कार्ड विवरण सबमिट किया हो।

नीलसन ने मूल रूप से 1993 में इन समय सीमाओं को प्रकाशित किया था, यह कहना शायद सुरक्षित है कि 10 सेकंड की ऊपरी सीमा अब 5 सेकंड या उससे भी कम है। 1990 के दशक की शुरुआत से, इंटरनेट की गति में तेजी से वृद्धि हुई है और उपयोगकर्ता तेजी से लोड होने वाली वेबसाइटों के आदी हो गए हैं, इसलिए कोई भी साइट जो लोड होने में 10 सेकंड से अधिक समय लेती है, ऐसा लगता है कि यह डायल-अप पर लोड हो रहा है।

आपकी साइट के प्रदर्शन को अनुकूलित करने के असंख्य तरीके हैं ताकि यह निष्पक्ष रूप से तेजी से लोड हो और जब आपकी साइट को अनुकूलित करने की बात आती है तो यह मनोवैज्ञानिक रूप से तेजी से लोड होती है, ऐसे तरीके हैं जिन्हें आप नियोजित कर सकते हैं जो आपकी वेबसाइट के कथित लोडिंग समय को कम करने में मदद कर सकते हैं ताकि यह उद्देश्य लोडिंग समय से तेज महसूस हो।

कथित लोडिंग समय का अनुकूलन कैसे करें

आपकी साइट पर दर्पणों के अपने स्वयं के संस्करण को जोड़ने में मदद करने के लिए यहां कुछ युक्तियाँ दी गई हैं ताकि यह उपयोगकर्ताओं के लिए तेज़ महसूस हो।

1. गतिविधि और प्रगति संकेतकों का उपयोग करें

यदि आपके पास कुछ पृष्ठ तत्व हैं जो आपकी साइट पर धीरे-धीरे लोड होते हैं या धीमे संचालन जो उपयोगकर्ता अनुभव को प्रभावित करते हैं, तो आपको स्पिनर जैसे गतिविधि संकेतक का उपयोग करने पर विचार करना चाहिए। गतिविधि संकेतक आगंतुकों को आश्वस्त करते हैं कि पृष्ठ वास्तव में काम कर रहा है और लोड हो रहा है।

इससे भी बेहतर, एक प्रगति बार का उपयोग करें जो प्रदर्शित करता है कि साइट का कितना प्रतिशत पहले ही लोड हो चुका है। यह न केवल बेचैन उपयोगकर्ताओं को आश्वस्त करने में मदद करता है, बल्कि यह भी बताता है कि उन्हें कितने समय तक प्रतीक्षा करने की आवश्यकता होगी।

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

एक प्रगति बार एनीमेशन कैसा दिखता है, यह कथित प्रदर्शन को भी प्रभावित कर सकता है, जैसा कि कार्नेगी मेलन विश्वविद्यालय में मानव कंप्यूटर इंटरेक्शन संस्थान के शोधकर्ताओं द्वारा किए गए इस अध्ययन में पाया गया है।

यह ट्वीट एक और सबूत है, जिसमें दिखाया गया है कि कैसे फेसबुक ने पाया कि लोडिंग एनीमेशन की उपस्थिति को बदलने से उपयोगकर्ताओं को धीमा लोडिंग समय के लिए दोषी ठहराया गया।

2. पहले तह के ऊपर की सामग्री लोड करें

हमेशा अपनी वेबसाइट पर पहले तह के ऊपर सामग्री लोड करें। इस तरह, उपयोगकर्ता न केवल यह देखेंगे कि आपकी वेबसाइट लोड होना शुरू हो रही है, बल्कि वे इसके साथ इंटरैक्ट करना शुरू कर पाएंगे, जबकि सामग्री अभी भी पृष्ठ के नीचे लोड हो रही है।

नीलसन नॉर्मन ग्रुप द्वारा किए गए एक आंखों पर नज़र रखने वाले अध्ययन में पाया गया कि जब किसी वेबसाइट पर सबसे महत्वपूर्ण सामग्री पहले लोड की जाती है, तो उपयोगकर्ता अपना लगभग 20% समय सामग्री को देखने में व्यतीत करते हैं। हालाँकि, यदि इस क्षेत्र को लोड होने में 8 सेकंड लगते हैं, तो उपयोगकर्ता इस क्षेत्र को देखने में अपना केवल 1% समय व्यतीत करेंगे।

Google फ़ोल्ड के ऊपर की सामग्री को लोड करने और प्राथमिकता देने के लिए दो मुख्य कार्यनीतियों की अनुशंसा करता है:

3. प्रगतिशील और आलसी लोडिंग का प्रयोग करें

एक और तरीका जो लोगों को तेजी से लोड होने का अनुभव करा सकता है, वह सामग्री को उत्तरोत्तर लोड करना है। छवियों को लोड करते समय (आलसी लोडिंग) आमतौर पर इस दृष्टिकोण का उपयोग किया जाता है।

आलसी लोडिंग के पीछे मूल विचार यह है कि प्लेसहोल्डर छवि पृष्ठ पर प्रदर्शित होती है और धीरे-धीरे अलग-अलग चरणों में लोड होती है, धुंधली से लेकर पिक्सेलयुक्त, तेज तक। पृष्ठ पर वास्तविक सामग्री पर एक समान तकनीक लागू की जा सकती है।

जैसे ही आप अपने समाचार फ़ीड को स्क्रॉल करते हैं, फ़ेसबुक उत्तरोत्तर सामग्री लोड करता है, एक सामग्री प्लेसहोल्डर के साथ एक गतिविधि संकेतक का संयोजन:

कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

परिणाम लोड हो रहे हैं, यह बताने के लिए Facebook प्रोग्रेसिव लोडिंग का उपयोग करता है.

छवि-गहन वेबसाइट अनस्प्लैश भी एक गतिविधि सूचक के साथ आलसी लोडिंग का उपयोग करती है:

कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

अनस्प्लैश उपयोगकर्ताओं को आश्वस्त करने के लिए आलसी लोडिंग और एक गतिविधि संकेतक का उपयोग करता है कि छवियां लोड हो रही हैं।

4. प्रीलोडिंग सामग्री

प्रीलोडिंग सामग्री आपको पृष्ठ पर कुछ सामग्री को लोड करने को प्राथमिकता देने की अनुमति देती है। के प्रीलोड मान का उपयोग करना <लिंक> तत्व की rel विशेषता, आप घोषणात्मक फ़ेच अनुरोध लिख सकते हैं जो उन संसाधनों को निर्दिष्ट करते हैं जिनकी आपके पृष्ठों को लोड होने के तुरंत बाद आवश्यकता होती है, और जिन्हें आप ब्राउज़र की मुख्य रेंडरिंग मशीनरी के शुरू होने से पहले ही प्रीलोड करना शुरू करना चाहते हैं।

यह सुनिश्चित करता है कि ये संसाधन पहले उपलब्ध कराए गए हैं और पृष्ठ के पहले रेंडर को अवरुद्ध करने की संभावना कम है, जो बदले में प्रदर्शन में सुधार प्रदान करता है।

प्रीलोड एक अपेक्षाकृत नया-ईश वेब मानक है जिसका उद्देश्य वेब डेवलपर्स को अधिक विस्तृत लोडिंग नियंत्रण प्रदान करना है। यह डेवलपर्स को कस्टम लोडिंग लॉजिक को परिभाषित करने की अनुमति देता है, जो कि स्क्रिप्ट-आधारित संसाधन लोडर के प्रदर्शन दंड को भुगतने के बिना होता है।

5. उपयोगकर्ता की अगली कार्रवाई की भविष्यवाणी करें

अब हम क्रिस्टल बॉल के सामान में शामिल हो रहे हैं जो वास्तव में संभावना के दायरे में है। किसी पृष्ठ पर उपयोगकर्ता आगे क्या कर सकता है, इसकी भविष्यवाणी करते समय यह पहले मुश्किल लग सकता है, यदि आपके पास ऐसी साइट है जहां उपयोगकर्ता एक ही कार्यप्रवाह बार-बार करते हैं (यानी नेविगेशन लिंक पर क्लिक करें, कुछ बटन क्लिक करें) तो यह इतना मुश्किल नहीं है भविष्यवाणी करने के लिए कि वे आगे क्या करेंगे।

तो इस ज्ञान का अधिकतम लाभ उठाएं और पृष्ठभूमि में सबसे लोकप्रिय सामग्री को प्रीलोड करें ताकि यदि उपयोगकर्ता वास्तव में आपके द्वारा भविष्यवाणी की गई कार्रवाई का चयन करता है, तो सामग्री पहले ही प्रदर्शित हो जाएगी, बातचीत के लिए तैयार।

कथित प्रदर्शन को मापना

दुर्भाग्य से, कोई आसान गति परीक्षण उपकरण नहीं है जिसका उपयोग आप कथित प्रदर्शन को मापने के लिए कर सकते हैं, हालांकि पहले सामग्रीपूर्ण/सार्थक पेंट जैसे मेट्रिक्स इस पर संकेत दे सकते हैं।

हालाँकि, इसे प्रभावी ढंग से मापने का एक तरीका यह है कि आप अपने विज़िटर्स का सर्वेक्षण करें और उनसे पूछें कि आपके पेज को लोड होने में कितना समय लगा।

यदि आप ऐसा करते हैं, तो सुनिश्चित करें कि आपका सर्वेक्षण नमूना आपकी साइट के अनुमानित लोडिंग समय का अधिक सटीक औसत एकत्र करने के लिए पर्याप्त बड़ा है।

इस जानकारी के साथ, आप अपनी साइट के उपयोगकर्ता अनुभव और कथित गति में और सुधार कर सकते हैं।

वास्तविक गति है फिर भी महत्वपूर्ण

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

उपयोगकर्ताओं को प्रतीक्षा करना पसंद नहीं है। अपनी साइट के लोड होने के तरीके में परिवर्तन करके और कुछ सामग्री की लोडिंग को प्राथमिकता देकर, आप यह प्रभावित कर सकते हैं कि उपयोगकर्ता आपकी साइट के प्रदर्शन को कैसे देखते हैं, इसलिए उन्हें लगता है कि लोड होने का समय वास्तव में कम है।

अंत में, मैं यह स्पष्ट करना चाहता हूं कि आपकी साइट की वास्तविक पृष्ठ लोडिंग गति में सुधार अभी भी एक महत्वपूर्ण कारक है, और आपको हमेशा अपने वर्डप्रेस प्रदर्शन का परीक्षण करना चाहिए। आपकी साइट के कथित प्रदर्शन में सुधार करना आपकी साइट की वस्तुनिष्ठ गति को बढ़ाने का विकल्प नहीं होना चाहिए।



कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है कथित प्रदर्शन क्या है और आपको इसे अनुकूलित करने की आवश्यकता क्यों है

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *