पिछले कुछ वर्षों में पेज स्पीड SEO और UX दोनों के लिए एक महत्वपूर्ण मीट्रिक बन गई है, ऐसे में पेज स्पीड की अवधारणा में भी बदलाव आ रहा है। वेब प्रदर्शन बजट यह भी सामने आया है। अब यह और भी स्पष्ट हो गया है कि वेब प्रदर्शन एक ऐसा विषय है जिसके लिए सभी विभागों के बीच साझा दृष्टिकोण की आवश्यकता है, न कि केवल एक विभाग या व्यक्ति की प्राथमिकता होना।

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

वेब प्रदर्शन बजट में किसी विशिष्ट प्लेटफ़ॉर्म पर आपके प्लेटफ़ॉर्म के लिए लक्ष्य गति निर्धारित करना और संख्यात्मक लक्ष्य निर्धारित करना शामिल है जिसका पालन सभी हितधारक इस गति को प्राप्त करने के लिए करेंगे। संक्षेप में, तेज़ होने की लागत ही वेब प्रदर्शन बजट है।

 

छवि 5.png
स्रोत: https://wp-rocket.me/blog/performance-budgets/

 

सब कुछ एक प्रस्ताव के साथ शुरू होता हैआप प्रस्तावित करते हैं कि किसी विशेष प्रकार के कनेक्शन पर आपका पेज कितनी तेज़ी से खुलना चाहिए। उदाहरण के लिए, कुछ प्रदर्शन बजट प्रस्ताव हो सकते हैं:

  • क्या होमपेज खुल सकता है? तेज़ 2G मोबाइल कनेक्शन (3 एमबीपीएस) पर 1.6 सेकंड से कम समय में?
  • क्या खोज परिणाम पृष्ठ खुल सकता है? धीमे 5G कनेक्शन (3 Kbps) पर 780 सेकंड से कम?

इसके बाद, आप इन प्रस्तावों को प्राप्त करने के लिए एक कार्य योजना और उप-मीट्रिक बनाते हैं, तथा इसे भागों में विभाजित करते हैं।

प्रस्तावों के अलावा, अन्य प्रदर्शन बजट लक्ष्य भी हो सकते हैं। उदाहरण के लिए:

  • मोबाइल लाइटहाउस का विस्तार विवरण पृष्ठ का स्कोर 80 से ऊपर
  • सभी छवियों का आकार कम करना डेस्कटॉप साइट पर 500 KB से कम

प्रदर्शन बजट मेट्रिक्स

प्रदर्शन बजट के मापदण्ड निर्धारित करने के लिए तीन अलग-अलग दृष्टिकोण स्वीकार किए जाते हैं:

संख्या-आधारित मीट्रिक्स

  • फ़ॉन्ट की अधिकतम संख्या / अधिकतम फ़ॉन्ट आकार
  • छवियों की अधिकतम संख्या / अधिकतम छवि आकार
  • स्क्रिप्ट, शैली, वीडियो आदि की अधिकतम संख्या / स्क्रिप्ट, शैली, वीडियो आदि का अधिकतम आकार
  • अधिकतम HTML आकार
  • HTTP अनुरोधों की अधिकतम संख्या
  • तृतीय-पक्ष स्क्रिप्ट की अधिकतम संख्या

 

छवि 7.png
स्रोत: https://web.dev/vitals/

 

समय-आधारित मीट्रिक्स

  • पहला कंटेंटफुल पेंट (FCP) समय
  • सबसे बड़ा कंटेंटफुल पेंट (LCP) समय
  • प्रथम इनपुट विलंब (FID) समय
  • इंटरएक्टिव समय (TTI)
  • कुल अवरोधन समय (टीबीटी) समय
  • संचयी लेआउट शिफ्ट (CLS) स्कोर
  • स्पीड इंडेक्स स्कोर

नियम-आधारित मीट्रिक्स

  • लाइटहाउस स्कोर
  • जी.टी.मेट्रिक्स स्कोर
  • वेबपेजटेस्ट स्कोर
  • YSlow स्कोर
प्रदर्शन-बजट-कैलकुलेटर.png
स्रोत: https://www.performancebudget.io/

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

पृष्ठ प्रकारों का अलग-अलग मूल्यांकन करें

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

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

  • मुखपृष्ठ
  • स्थैतिक सूची पृष्ठ
  • गतिशील सूची पृष्ठ
  • विस्तृत पृष्ठ
  • चेकआउट पृष्ठ
  • खोज परिणाम पृष्ठ
  • अभियान पृष्ठ
  • ब्लॉग पृष्ठ

आपको ध्यान केंद्रित करने की आवश्यकता है इन पेज प्रकारों के प्रदर्शन बजट अलग-अलगप्राथमिकताओं के आधार पर।