उपयोगकर्ता अनुभव की क्वालिटी को ऑप्टिमाइज़ करना, वेब पर किसी भी साइट की लंबे समय तक सफलता पाने के लिए अहम है. चाहे आप किसी कारोबार के मालिक हों, मार्केटर हों या डेवलपर, वेब वाइटल आपकी साइट पर मिलने वाले अनुभव का आकलन करने और उन अवसरों की पहचान करने में आपकी मदद कर सकता है जिन्हें बेहतर बनाना है.
खास जानकारी
'वेब वाइटल', Google की एक ऐसी पहल है जिसमें क्वालिटी सिग्नल के लिए एक ही जगह पर निर्देश दिए जाते हैं. ये ऐसे सिग्नल होते हैं जो वेब पर लोगों को बेहतरीन अनुभव देने के लिए ज़रूरी हैं.
Google ने पिछले कुछ सालों में, परफ़ॉर्मेंस को मापने और उसकी रिपोर्ट देने के लिए कई टूल उपलब्ध कराए हैं. कुछ डेवलपर इन टूल का इस्तेमाल करने में विशेषज्ञ हैं, जबकि कुछ डेवलपर को पता चला है कि ऐसे टूल और मेट्रिक, दोनों की कमी है जिन्हें इस्तेमाल करना काफ़ी मुश्किल होता है.
उपयोगकर्ताओं को मिलने वाले अनुभव की क्वालिटी को समझने के लिए, साइट के मालिकों को परफ़ॉर्मेंस एक्सपर्ट होना ज़रूरी नहीं है. वेबसाइट की परफ़ॉर्मेंस की जानकारी की पहल का मकसद, लैंडस्केप को आसान बनाना है. साथ ही, इसका मकसद वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली मेट्रिक पर फ़ोकस करना है.
वेबसाइट की परफ़ॉर्मेंस के बारे में जानकारी
वेबसाइट की परफ़ॉर्मेंस की जानकारी, सभी वेब पेजों पर लागू होती है. इसे सभी साइट के मालिक मेज़र कर सकते हैं. यह परफ़ॉर्मेंस, Google के सभी टूल पर दिखेगी. वेबसाइट की परफ़ॉर्मेंस की हर अहम जानकारी से, उपयोगकर्ता अनुभव के अलग-अलग पहलुओं के बारे में पता चलता है. फ़ील्ड में इसका आकलन किया जा सकता है. साथ ही, इससे पता चलता है कि उपयोगकर्ता को असल ज़िंदगी में कैसा अनुभव मिल रहा है. जैसे, उपयोगकर्ता को ध्यान में रखकर.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक समय के साथ बढ़ती होंगी. साल 2020 के मौजूदा सेट में, उपयोगकर्ता अनुभव के तीन पहलुओं पर फ़ोकस किया गया है—लोडिंग, इंटरैक्टिविटी, और विज़ुअल स्टैबिलिटी—और इसमें नीचे दी गई मेट्रिक (और उनसे जुड़े थ्रेशोल्ड) शामिल हैं:
- सबसे बड़ा कॉन्टेंटफ़ुल पेंट (एलसीपी): इससे लोडिंग की परफ़ॉर्मेंस का पता चलता है. अच्छा उपयोगकर्ता अनुभव देने के लिए, पेज के पहली बार लोड होने के 2.5 सेकंड के अंदर एलसीपी होना चाहिए.
- फ़र्स्ट इनपुट डिले (एफ़आईडी): यह इंटरैक्टिविटी को मापता है. उपयोगकर्ताओं को अच्छा अनुभव देने के लिए, पेजों का एफ़आईडी 100 मिलीसेकंड या इससे कम होना चाहिए.
- कुल लेआउट शिफ़्ट (सीएलएस): यह विज़ुअल स्टैबिलिटी को मापता है. अच्छा उपयोगकर्ता अनुभव देने के लिए, पेजों का सीएलएस 0.1 या इससे कम होना चाहिए.
ऊपर दी गई मेट्रिक के हिसाब से, यह पक्का करने के लिए कि ज़्यादातर उपयोगकर्ताओं के लिए सुझाया गया टारगेट पूरा हो रहा है, पेज लोड होने का 75वां पर्सेंटाइल अच्छा है. इसे मोबाइल और डेस्कटॉप डिवाइसों के हिसाब से बांटा गया है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के अनुपालन का आकलन करने वाले टूल के लिए, यह माना जाना चाहिए कि अगर पेज ऊपर दी गई तीनों मेट्रिक के लिए, 75वें पर्सेंटाइल पर सुझाए गए टारगेट को पूरा करता है, तो यह ज़रूरी है.
जीवनचक्र
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले ट्रैक पर मौजूद मेट्रिक, लाइफ़साइकल से गुज़रती हैं. इसमें तीन चरण शामिल होते हैं: एक्सपेरिमेंटल, मंज़ूरी बाकी, और स्टेबल.
इस टेबल से पता चलता है कि वेबसाइट की परफ़ॉर्मेंस की सभी अहम जानकारी, फ़िलहाल अपनी लाइफ़साइकल में कहां है:
हर चरण को इस तरह से डिज़ाइन किया गया है कि डेवलपर को यह पता चल सके कि उन्हें हर मेट्रिक के बारे में क्या सोचना चाहिए:
- एक्सपेरिमेंटल मेट्रिक, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली संभावित मेट्रिक होती हैं. इनमें टेस्टिंग और कम्यूनिटी के सुझावों के आधार पर, अब भी काफ़ी बदलाव किए जा सकते हैं.
- वे मेट्रिक जिन्हें मंज़ूरी मिलना बाकी है, वे आने वाले समय की परफ़ॉर्मेंस की जानकारी देने वाली मेट्रिक होती हैं. ये वे मेट्रिक होती हैं जो टेस्टिंग और सुझाव के चरण को पूरा कर चुकी होती हैं और इनके स्थिर होने की एक अच्छी समयावधि होती है.
- स्टेबल मेट्रिक, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का मौजूदा सेट है. Chrome इन मेट्रिक को बेहतर उपयोगकर्ता अनुभव देने के लिए ज़रूरी मानता है.
प्रयोग के तौर पर उपलब्ध
जब कोई मेट्रिक शुरुआत में डेवलप की जाती है और नेटवर्क में शामिल होती है, तो उसे एक्सपेरिमेंटल मेट्रिक माना जाता है.
इस प्रयोग का मकसद किसी मेट्रिक की फ़िटनेस का आकलन करना है. सबसे पहले, समस्या को हल करने के बारे में जानकारी इकट्ठा करना और यह बताना कि पिछली मेट्रिक किन समस्याओं को हल नहीं कर सकीं. उदाहरण के लिए, इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी) को शुरुआत में एक प्रयोग वाली मेट्रिक के तौर पर बनाया गया था. इसे फ़र्स्ट इनपुट डिले (एफ़आईडी) के मुकाबले, वेब पर रनटाइम की परफ़ॉर्मेंस की समस्याओं को बेहतर तरीके से हल करने के लिए बनाया गया था.
वेबसाइट की परफ़ॉर्मेंस की जानकारी की लाइफ़साइकल के एक्सपेरिमेंट का मकसद, गड़बड़ियों की पहचान करके और शुरुआती परिभाषा में बदलावों को एक्सप्लोर करके, मेट्रिक के डेवलपमेंट में बदलाव करना है. इसी चरण में समुदाय का सुझाव, शिकायत या राय भी सबसे अहम होती है.
अभी बाकी है
जब Chrome टीम यह तय करती है कि प्रयोग वाली किसी मेट्रिक को ज़रूरत के मुताबिक फ़ीडबैक मिल गया है और वह असरदार है, तो यह मंज़ूरी बाकी है वाली मेट्रिक बन जाती है. इस चरण में, बाकी मेट्रिक को कम से कम छह महीने तक रखा जाता है, ताकि नेटवर्क को उनके हिसाब से समय मिल सके. आखिरी चरण से आगे बढ़ने में सिर्फ़ एक रुकावट बची है, वह है ट्रांज़िशन पीरियड पूरा होने का इंतज़ार करना. समुदाय के सुझाव, इस चरण में बहुत अहम हिस्सा हैं, क्योंकि ज़्यादातर डेवलपर ने मेट्रिक का इस्तेमाल करना शुरू कर दिया है.
स्थिर दिखाना
जब वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली किसी मेट्रिक को फ़ाइनल किया जाता है, तो वह स्टेबल मेट्रिक बन जाती है. इसका मतलब है कि यह मेट्रिक, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक बन जाती है.
स्थिर मेट्रिक काम करती रहती हैं. हो सकता है कि इनमें गड़बड़ियां ठीक की गई हों और इनकी परिभाषा में बदलाव किए जा सकते हों. स्टेबल वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली मेट्रिक में, साल में एक बार से ज़्यादा बदलाव नहीं होगा. वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी में होने वाले किसी भी बदलाव की जानकारी, मेट्रिक के आधिकारिक दस्तावेज़ में दी जाएगी. इसके अलावा, मेट्रिक के CHANGElog में भी इसकी जानकारी दी जाएगी. किसी भी आकलन में, वेबसाइट की परफ़ॉर्मेंस की जानकारी को भी शामिल किया जाता है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को मेज़र और रिपोर्ट करने वाले टूल
Google का मानना है कि वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी, सभी वेब अनुभवों के लिए ज़रूरी है. यही वजह है कि इन मेट्रिक को अपने सभी लोकप्रिय टूल में दिखाना ज़रूरी है. यहां दिए गए सेक्शन से पता चलता है कि वेबसाइट की परफ़ॉर्मेंस की जानकारी के साथ कौनसे टूल काम करते हैं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाले फ़ील्ड टूल
Chrome उपयोगकर्ता अनुभव रिपोर्ट, वेबसाइट की हर अहम जानकारी के लिए, उपयोगकर्ता का पहचान ज़ाहिर न करने वाला असली उपयोगकर्ता का मेज़रमेंट डेटा इकट्ठा करती है. इस डेटा की मदद से, साइट के मालिक अपनी परफ़ॉर्मेंस का तुरंत आकलन कर सकते हैं. इसके लिए, उन्हें पेजों पर मैन्युअल तरीके से आंकड़े देखने की ज़रूरत नहीं होती. इसके अलावा, PageSpeed Insights और Search Console जैसे टूल, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली रिपोर्ट को भी, मैन्युअल तरीके से इस्तेमाल किया जा सकता है.
एलसीपी | एफ़आईडी | सीएलएस | |
Chrome के लिए उपयोगकर्ता अनुभव से जुड़ी रिपोर्ट | ✔ | ✔ | ✔ |
PageSpeed Insights | ✔ | ✔ | ✔ |
Search Console (वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली रिपोर्ट) | ✔ | ✔ | ✔ |
Chrome उपयोगकर्ता अनुभव रिपोर्ट के डेटा से साइटों की परफ़ॉर्मेंस का तेज़ी से आकलन किया जा सकता है. हालांकि, इसमें हर पेज व्यू के बारे में पूरी जानकारी नहीं दी गई है. रिग्रेशन की सटीक जांच करने, उनकी निगरानी करने, और उन पर तुरंत प्रतिक्रिया देने के लिए, अक्सर इसकी ज़रूरत होती है. इसलिए, हमारा सुझाव है कि आप साइटें खुद भी इस डिवाइस पर मॉनिटरिंग की सुविधा सेट अप करें.
JavaScript में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का आकलन करना
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली हर मेट्रिक को JavaScript में मेज़र किया जा सकता है. इसके लिए, स्टैंडर्ड वेब एपीआई का इस्तेमाल किया जाता है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को मापने का सबसे आसान तरीका है, वेब वाइटल JavaScript लाइब्रेरी का इस्तेमाल करना. यह बुनियादी वेब एपीआई के चारों तरफ़, प्रोडक्शन के लिए तैयार एक छोटा रैपर है. यह हर मेट्रिक को इस तरह मापता है कि वह ऊपर दिए गए सभी Google टूल से रिपोर्ट किए जाने के तरीके से मेल खाता हो.
वेब-वाइटल लाइब्रेरी की मदद से, हर मेट्रिक को मेज़र करना किसी एक फ़ंक्शन को कॉल करने जितना आसान है. इस्तेमाल और API की पूरी जानकारी के लिए, दस्तावेज़ देखें:
import {onCLS, onFID, onLCP} from 'web-vitals';
function sendToAnalytics(metric) {
const body = JSON.stringify(metric);
// Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
(navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
fetch('/analytics', {body, method: 'POST', keepalive: true});
}
onCLS(sendToAnalytics);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली लाइब्रेरी को, आंकड़ों के एंडपॉइंट पर भेजने और मेज़र करने के लिए, अपनी साइट को वेब वाइटल लाइब्रेरी इस्तेमाल करने के लिए कॉन्फ़िगर करने के बाद, अगले चरण में उस डेटा को एग्रीगेट करके रिपोर्ट किया जाता है. इससे यह पता चलता है कि आपके पेज, कम से कम 75% पेज विज़िट के लिए सुझाई गई थ्रेशोल्ड को पूरा करते हैं या नहीं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली कुछ कंपनियों की सुविधा, पहले से ही मौजूद होती है. हालांकि, इनमें वे मेट्रिक शामिल नहीं होती हैं जिनमें कस्टम मेट्रिक की बुनियादी सुविधाएं शामिल होती हैं. इनकी मदद से, अपने टूल में वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को मेज़र किया जा सकता है.
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली रिपोर्ट इसका एक उदाहरण है. इसमें साइट के मालिक, Google Analytics का इस्तेमाल करके अपनी वेबसाइट की परफ़ॉर्मेंस की जानकारी का आकलन कर सकते हैं. वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले अन्य टूल की मदद से, अपनी वेबसाइट की परफ़ॉर्मेंस की जानकारी को मेज़र करने के बारे में दिशा-निर्देश पाने के लिए, फ़ील्ड में वेबसाइट की परफ़ॉर्मेंस की जानकारी को मापने के सबसे सही तरीके लेख पढ़ें.
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले Chrome एक्सटेंशन का इस्तेमाल करके, कोई कोड लिखे बिना भी वेबसाइट की परफ़ॉर्मेंस की जानकारी की रिपोर्ट तैयार की जा सकती है. यह एक्सटेंशन, इनमें से हर मेट्रिक को मापने के लिए, वेब-वाइट्स लाइब्रेरी का इस्तेमाल करता है. साथ ही, वेब ब्राउज़ करते समय उन्हें उपयोगकर्ता को दिखाता है.
यह एक्सटेंशन आपकी अपनी साइटों, आपके प्रतिस्पर्धी की साइटों और पूरे वेब के प्रदर्शन को समझने में सहायता कर सकता है.
एलसीपी | एफ़आईडी | सीएलएस | |
---|---|---|---|
वेब वाइटल | ✔ | ✔ | ✔ |
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाला एक्सटेंशन | ✔ | ✔ | ✔ |
इसके अलावा, जो डेवलपर इन मेट्रिक को सीधे तौर पर बुनियादी वेब एपीआई के ज़रिए मेज़र करना चाहते हैं वे लागू करने के बारे में जानकारी के लिए, इन मेट्रिक गाइड को देख सकते हैं:
- JavaScript में एलसीपी को मेज़र करना
- JavaScript में एफ़आईडी को मेज़र करना
- JavaScript में सीएलएस को मेज़र करना
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाले लैब टूल
वेबसाइट की परफ़ॉर्मेंस की सभी अहम जानकारी, फ़ील्ड मेट्रिक हैं. इनमें से कई मेट्रिक को लैब में भी मेज़र किया जा सकता है.
उपयोगकर्ताओं के लिए सुविधाओं के रिलीज़ होने से पहले—डेवलपमेंट के दौरान सुविधाओं की परफ़ॉर्मेंस की जांच करने का सबसे अच्छा तरीका लैब मेज़रमेंट है. यह परफ़ॉर्मेंस रिग्रेशन के बनने से पहले ही उन्हें पकड़ने का सबसे अच्छा तरीका भी है.
किसी लैब में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को मापने के लिए, नीचे दिए गए टूल इस्तेमाल किए जा सकते हैं:
एलसीपी | एफ़आईडी | सीएलएस | |
---|---|---|---|
Chrome DevTools | ✔ | ✘ (इसके बजाय TBT का इस्तेमाल करें) | ✔ |
लाइटहाउस | ✔ | ✘ (इसके बजाय TBT का इस्तेमाल करें) | ✔ |
बेहतरीन अनुभव देने के लिए, लैब मेज़रमेंट एक ज़रूरी हिस्सा है, लेकिन यह फ़ील्ड मेज़रमेंट का विकल्प नहीं है.
किसी साइट की परफ़ॉर्मेंस इन चीज़ों के आधार पर काफ़ी अलग हो सकती है: उपयोगकर्ता के डिवाइस की क्षमता, नेटवर्क की स्थितियां, डिवाइस पर दूसरी प्रोसेस क्या हो सकती हैं, और वे पेज के साथ कैसे इंटरैक्ट कर रहे हैं. असल में, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली हर मेट्रिक के स्कोर पर, उपयोगकर्ता के इंटरैक्शन का असर पड़ सकता है. सिर्फ़ फ़ील्ड मेज़रमेंट से ही पूरी जानकारी सटीक तरीके से कैप्चर की जा सकती है.
स्कोर बेहतर बनाने के लिए सुझाव
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को मेज़र करने और सुधार के लिए ज़रूरी चीज़ों की पहचान कर लेने के बाद, अगला चरण ऑप्टिमाइज़ करना होता है. इन गाइड में बताया गया है कि अपनी वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के हिसाब से, पेजों को कैसे ऑप्टिमाइज़ किया जाए:
वेबसाइट की परफ़ॉर्मेंस की जानकारी
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक, उपयोगकर्ताओं को बेहतर अनुभव देने और उन्हें समझने के लिहाज़ से अहम होती हैं. इनके अलावा, इसमें कुछ दूसरी अहम मेट्रिक भी मौजूद हैं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली अन्य मेट्रिक, अक्सर प्रॉक्सी या पूरक मेट्रिक के तौर पर काम करती हैं. इससे अनुभव के एक बड़े हिस्से को कैप्चर करने या किसी खास समस्या का पता लगाने में मदद मिलती है.
उदाहरण के लिए, टाइम टू फ़र्स्ट बाइट (टीटीएफ़बी) और फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी), लोडिंग अनुभव के अहम पहलू हैं. साथ ही, ये दोनों ही एलसीपी (धीमे सर्वर रिस्पॉन्स टाइम या रेंडर-ब्लॉकिंग रिसोर्स) से जुड़ी समस्याओं का पता लगाने में काम आते हैं.
इसी तरह, टोटल ब्लॉकिंग टाइम (TBT) और टाइम टू इंटरैक्टिव (टीटीआई) जैसी मेट्रिक, लैब मेट्रिक हैं. ये इंटरैक्टिव से जुड़ी संभावित समस्याओं का पता लगाने और पता लगाने में अहम भूमिका निभाती हैं. इनसे एफ़आईडी पर असर पड़ सकता है. हालांकि, ये मेट्रिक, वेबसाइट की परफ़ॉर्मेंस की जानकारी की सेट में शामिल नहीं हैं, क्योंकि इन्हें फ़ील्ड के हिसाब से मेज़र नहीं किया जा सकता. साथ ही, इनसे उपयोगकर्ता पर आधारित परफ़ॉर्मेंस भी नहीं दिखती.
वेबसाइट की परफ़ॉर्मेंस की जानकारी में बदलाव करना
वेबसाइट की परफ़ॉर्मेंस की जानकारी और वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी में, ऐसे सबसे अच्छे सिग्नल होते हैं जो डेवलपर के पास आज के समय में वेब पर अनुभव की क्वालिटी को मापने के लिए हैं. हालांकि, ये सिग्नल सटीक नहीं हैं और आने वाले समय में, इनमें कुछ सुधार किए जाने चाहिए.
वेबसाइट की परफ़ॉर्मेंस की जानकारी, सभी वेब पेजों के लिए काम की होती है. साथ ही, ये Google के सभी सही टूल पर उपलब्ध होती हैं. इन मेट्रिक में होने वाले बदलावों का काफ़ी बड़ा असर होगा. इसलिए, डेवलपर को यह उम्मीद करनी चाहिए कि वेबसाइट की परफ़ॉर्मेंस की परिभाषाएं और थ्रेशोल्ड एक जैसे होंगे और अपडेट के लिए, पहले से सूचना दी जानी चाहिए. साथ ही, आने वाले समय में भी सालाना समय के हिसाब से बदलाव किए जा सकेंगे.
वेबसाइट की परफ़ॉर्मेंस की अन्य अहम जानकारी अक्सर कॉन्टेक्स्ट या टूल के हिसाब से होती है. इसलिए, यह वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के मुकाबले ज़्यादा एक्सपेरिमेंटल हो सकती है. इसलिए, उनकी परिभाषाएं और थ्रेशोल्ड ज़्यादा फ़्रीक्वेंसी के साथ बदल सकते हैं.
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली सभी कैटगरी के बदलावों को, इस सार्वजनिक CHANGEलॉज में साफ़ तौर पर दर्ज किया जाएगा.