BigQuery CrUX डेटा को विज़ुअलाइज़ करने के लिए CrUX डैशबोर्ड का इस्तेमाल करना
CrUX डैशबोर्ड, Looker Studio (पहले इसे Data Studio के नाम से जाना जाता था) का डैशबोर्ड है. यह BigQuery पर ऑरिजिन-लेवल के रॉ CrUX डेटा से लिंक होता है. इसके बाद, यह आपके लिए डेटा को विज़ुअलाइज़ करता है. इससे डैशबोर्ड के उपयोगकर्ताओं को कोई भी क्वेरी लिखने या कोई भी चार्ट जनरेट करने की ज़रूरत नहीं होती. सबकुछ आपके लिए बनाया गया है; आपको बस शुरुआत की जगह के बारे में बताना होगा और आपके लिए डैशबोर्ड जनरेट किया जाएगा.
CrUX डैशबोर्ड ऐक्सेस करना
CrUX डैशबोर्ड लॉन्च करने के लिए, शुरुआत की जगह या यूआरएल डालें और Enter दबाएं या Go पर क्लिक करें:
इसके बाद, डैशबोर्ड का यूआरएल आसानी से इस्तेमाल करने के लिए, उसे शेयर और बुकमार्क किया जा सकता है.
क्या यह सभी वेबसाइटों के लिए काम करता है?
नहीं. अगर CrUX डेटासेट में आपके ऑरिजिन को शामिल नहीं किया गया है, तो आपको दिखाने के लिए कोई डेटा नहीं दिखेगा. इस डेटासेट में 1.5 करोड़ से ज़्यादा ऑरिजिन हैं. हालांकि, ऐसा हो सकता है कि आपको जिस ऑरिजिन की ज़रूरत है उसमें शामिल करने के लिए ज़रूरी डेटा मौजूद न हो.
ऑरिजिन से जुड़ी कुछ सामान्य समस्याओं की वजह से, गलत प्रोटोकॉल मिल जाता है. जैसे, https://
के बजाय http://
देना और ज़रूरत पड़ने पर सबडोमेन को छोड़ देना. कुछ वेबसाइटों में रीडायरेक्ट शामिल होते हैं. इसलिए, अगर http://example.com
https://www.example.com
पर रीडायरेक्ट करता है, तो आपको बाद वाले वर्शन का इस्तेमाल करना चाहिए, जो ऑरिजिन का कैननिकल वर्शन है.
डैशबोर्ड को ऐक्सेस करने के लिए कस्टम सर्च इंजन का इस्तेमाल करें
अलग-अलग डोमेन पर अक्सर जाने वाले लोगों के लिए, इसका दूसरा तरीका यह है कि Chrome में एक कस्टम सर्च इंजन सेट अप किया जाए. इसकी मदद से, खोज के लिए इस्तेमाल किए गए शब्द—इस मामले में ऑरिजिन—को यूआरएल में भेजा जा सकता है. ऐसा करने के लिए, Chrome के सबसे ऊपर दाईं ओर मौजूद तीन बिंदु वाले मेन्यू का इस्तेमाल करके, Chrome की सेटिंग में जाएं. सेटिंग में एक बार "सर्च इंजन" विकल्प चुनें.
![Chrome की सेटिंग वाले सर्च इंजन पेज का स्क्रीनशॉट, जहां 'सर्च इंजन और साइट सर्च को मैनेज किया जा सकता है'](https://developer.chrome.com/static/docs/crux/dashboard/image/chrome-settings-search-e-0640445b71325.png?authuser=7&hl=hi)
यहां से "सर्च इंजन और साइट खोज मैनेज करें" को बड़ा करें, "साइट खोज" तक स्क्रोल करें. इसके बाद, "जोड़ें" बटन पर क्लिक करें और यह जानकारी डालें:
- खोज इंजन:
CrUX
- शॉर्टकट:
crux
- क्वेरी की जगह %s वाला यूआरएल:
https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
![Chrome में तीन फ़ील्ड वाला 'सर्च इंजन जोड़ें' डायलॉग बॉक्स: सर्च इंजन का नाम, शॉर्टकट, और क्वेरी की जगह %s वाला यूआरएल.](https://developer.chrome.com/static/docs/crux/dashboard/image/chrome-add-search-engine-32c7f40a9ab4a.png?authuser=7&hl=hi)
इसके बाद, खोज बार में crux
टाइप करके tab
दबाने पर, अब ऑरिजिन डाला जा सकता है और Chrome उस ऑरिजिन के लिए CrUX डैशबोर्ड पर जाएगा.
![Chrome के पता बार का स्क्रीनशॉट, जिसमें `Search CrUX` कमांड दिख रहा है.](https://developer.chrome.com/static/docs/crux/dashboard/image/using-custom-search-engi-d72e7cc8c7578.png?authuser=7&hl=hi)
अगर आपने प्रोटोकॉल को छोड़ दिया, तो एचटीटीपीएस को माना जाता है. सबडोमेन के मामले में, https://developers.google.com
और https://www.google.com
को अलग-अलग ऑरिजिन माना जाता है.
अगर ऑरिजिन मौजूद है CrUX में, तो आपको डैशबोर्ड पर ले जाया जाएगा. यहां इस ऑरिजिन के लिए CrUX डेटा भरा हुआ होगा:
![developer.chrome.com के CrUX डैशबोर्ड का स्क्रीनशॉट, जिसमें वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली शुरुआती स्क्रीन दिख रही है.](https://developer.chrome.com/static/docs/crux/dashboard/image/crux-dashboard.png?authuser=7&hl=hi)
डैशबोर्ड की खास जानकारी
हर डैशबोर्ड में तीन तरह के पेज होते हैं:
- वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली रिपोर्ट
- मेट्रिक की परफ़ॉर्मेंस
- उपयोगकर्ता की जनसांख्यिकी (उम्र, लिंग, आय, शिक्षा वगैरह)
हर पेज में एक चार्ट होता है, जो हर महीने के लिए उपलब्ध हर रिलीज़ के लिए समय के साथ डिस्ट्रिब्यूशन की जानकारी देता है. नए डेटासेट रिलीज़ होने पर, सबसे नया डेटा पाने के लिए डैशबोर्ड को रीफ़्रेश किया जा सकता है.
हर महीने के डेटासेट, हर महीने के दूसरे मंगलवार को रिलीज़ किए जाते हैं. उदाहरण के लिए, मई महीने के उपयोगकर्ता अनुभव के डेटा वाला डेटासेट, जून के दूसरे मंगलवार को रिलीज़ किया जाता है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली रिपोर्ट
पहले पेज पर, ऑरिजिन की वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी की खास जानकारी दिखती है. Google का सुझाव है कि आप इन UX मेट्रिक पर फ़ोकस करें.
![वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली, CrUX डैशबोर्ड के पेज का पूरा स्क्रीनशॉट. इसमें इस साइट के एलसीपी, आईएनपी, और सीएलएस के बारे में जानकारी दी गई है.](https://developer.chrome.com/static/docs/crux/dashboard/image/crux-dashboard-core-web-vitals.png?authuser=7&hl=hi)
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले पेज पर जाकर, यह जानें कि डेस्कटॉप और फ़ोन इस्तेमाल करने वाले लोगों को, वेबसाइट की शुरुआत की जगह के बारे में क्या पता चलता है. डिफ़ॉल्ट रूप से, डैशबोर्ड बनाते समय सबसे हाल का महीना चुना जाता है. महीने के हिसाब से पुरानी या नई रिलीज़ के बीच बदलाव करने के लिए, पेज पर सबसे ऊपर मौजूद महीना फ़िल्टर का इस्तेमाल करें.
मेट्रिक की परफ़ॉर्मेंस
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले पेज के बाद, आपको CrUX डेटासेट में सभी metrics के लिए स्टैंडअलोन पेज दिखेंगे.
![CrUX डैशबोर्ड के एलसीपी पेज का स्क्रीनशॉट. इसमें 10 महीने से ज़्यादा का स्टैक बारचार्ट दिखाया गया है. इसमें अच्छे, सुधार की ज़रूरत है, और खराब एलसीपी डेटा दिखाया गया है.](https://developer.chrome.com/static/docs/crux/dashboard/image/crux-dashboard-lcp-page-60e7ce653f87f.png?authuser=7&hl=hi)
हर पेज के ऊपर डिवाइस फ़िल्टर मौजूद होता है. इसका इस्तेमाल करके, डिवाइस के नाप या आकार के डेटा को सीमित किया जा सकता है. उदाहरण के लिए, खास तौर पर फ़ोन के अनुभवों में ड्रिल-डाउन किया जा सकता है. यह सेटिंग सभी पेजों पर बनी रहती है.
इन पेजों पर दिए गए मुख्य विज़ुअलाइज़ेशन, अनुभवों के हर महीने के डिस्ट्रिब्यूशन को दिखाते हैं. इन्हें "अच्छा", "सुधार की ज़रूरत है", और "खराब" कैटगरी में रखा जाता है. चार्ट के नीचे मौजूद कलर कोड वाला लेजेंड, कैटगरी में शामिल अनुभवों की सीमा के बारे में बताता है. उदाहरण के लिए, पिछले स्क्रीनशॉट में दिखाया गया है कि "अच्छा" सबसे बड़े एलिमेंट को रेंडर करने में लगने वाले समय (एलसीपी) का प्रतिशत कितना कम या ज़्यादा हो रहा है. साथ ही, हाल के महीनों में यह समस्या थोड़ी खराब हो रही है.
चार्ट में हाल ही के "अच्छे" और "खराब" अनुभवों के प्रतिशत दिखाए गए हैं. साथ ही, पिछले महीने के मुकाबले प्रतिशत के अंतर का इंडिकेटर भी दिखाया गया है. इस शुरुआत के लिए, "अच्छे" एलसीपी अनुभव महीने-दर-महीने 0.8% से 83.25% तक गिरकर, p75 संख्या में 0 हलचल थी और महीने-दर-महीने 1,500 पर बना रहा. साथ ही, "खराब" एलसीपी 3.6% तक बढ़ गया. यहां बढ़ोतरी को लाल रंग में दिखाया गया है. यह बढ़ोतरी यहां खराब है. ध्यान दें कि प्रतिशत गतिविधियाँ, प्रतिशत में बदलने की गतिविधियों को दिखाती हैं, न कि प्रतिशत में होने वाली गतिविधियों का. उदाहरण के लिए, 83.93% से 83.25%, 0.68 प्रतिशत पॉइंट की हलचल है या पिछले कुल 83.93% में 0.8% की कमी है.
इसके अलावा, एलसीपी और वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली अन्य मेट्रिक, जो पर्सेंटाइल के सुझाव देती हैं, के लिए आपको "अच्छा" और "खराब" प्रतिशत के बीच "P75" मेट्रिक दिखेगी. यह वैल्यू, उपयोगकर्ता अनुभवों के ऑरिजिन के 75वें पर्सेंटाइल से मेल खाती है. दूसरे शब्दों में कहें, तो 75% अनुभव इस वैल्यू से बेहतर हैं. ध्यान दें कि यह ऑरिजिन पर मौजूद सभी डिवाइसों पर किए जाने वाले डिस्ट्रिब्यूशन पर लागू होता है. कुछ खास डिवाइसों को डिवाइस फ़िल्टर से टॉगल करने से, पर्सेंटाइल का फिर से आकलन नहीं होगा.
पर्सेंटाइल्स से जुड़ी तकनीकी चेतावनियां
ध्यान रखें कि पर्सेंटाइल मेट्रिक, BigQuery के हिस्टोग्राम डेटा पर आधारित होती हैं. इसलिए, जानकारी का स्तर सामान्य होगा: एलसीपी के लिए 100 मि॰से॰, आईएनपी के लिए 25 मि॰से॰, और सीएलएस के लिए 0.05. दूसरे शब्दों में, 3800 मिलीसेकंड का P75 एलसीपी यह बताता है कि सही 75वां पर्सेंटाइल 3,800 मि॰से॰ और 3,900 मि॰से॰ के बीच है.
इसके अलावा, BigQuery डेटासेट "बिन स्प्रिंग" नाम की तकनीक का इस्तेमाल करता है. इसमें, उपयोगकर्ता अनुभवों की डेंसिटी को स्वाभाविक रूप से, बहुत ज़्यादा मोटे बिन में बांटा जाता है, जिससे जानकारी का स्तर घटता रहता है. इससे हमें डिस्ट्रिब्यूशन के टेल में मिनट की डेंसिटी शामिल की जा सकती है. ऐसा करने के लिए, सटीक वैल्यू के चार से ज़्यादा अंकों की ज़रूरत नहीं होती. उदाहरण के लिए, तीन सेकंड से कम की एलसीपी वैल्यू को 200 मि॰से॰ की चौड़ाई वाले बिन में ग्रुप किया जाता है. बिन की चौड़ाई 3 से 10 सेकंड के बीच 500 मि॰से॰ होती है. 10 सेकंड से ज़्यादा, बिन 5000ms चौड़ी होते हैं... अलग-अलग चौड़ाई वाले बिन होने के बजाय, बिन को फैलने से यह पक्का होता है कि सभी बिन, 100 मि॰से॰ की चौड़ी (सबसे बड़ा सामान्य डिवाइज़र) हैं. साथ ही, डिस्ट्रिब्यूशन को हर बिन में लीनियर इंटरपोलेट किया जाता है.
PageSpeed Insights जैसे टूल में उससे जुड़ी P75 वैल्यू, BigQuery के सार्वजनिक डेटासेट पर आधारित नहीं होती हैं और मिलीसेकंड में सटीक वैल्यू देने में मदद करती हैं.
उपयोगकर्ता की जनसांख्यिकी (उम्र, लिंग, आय, शिक्षा वगैरह)
उपयोगकर्ता के डेमोग्राफ़िक (उम्र, लिंग, आय, शिक्षा वगैरह) पेजों में दो डाइमेंशन शामिल किए जाते हैं: डिवाइस और बेहतर कनेक्शन के टाइप (ईसीटी). ये पेज हर उम्र, लिंग, आय, शिक्षा वगैरह के उपयोगकर्ताओं के लिए पूरे मूल में पेज व्यू के वितरण को दिखाते हैं.
डिवाइस डिस्ट्रिब्यूशन पेज पर आपको समय के साथ फ़ोन, डेस्कटॉप, और टैबलेट उपयोगकर्ताओं का ब्रेकडाउन दिखता है:
![CrUX डैशबोर्ड डिवाइस पेज का स्क्रीनशॉट, जिसमें 10 महीने से ज़्यादा समय के लिए फ़ोन, डेस्कटॉप, और टैबलेट को डिवाइस के डिस्ट्रिब्यूशन के बारे में बताया गया है.](https://developer.chrome.com/static/docs/crux/dashboard/image/crux-dashboard-device-pag-b120ce65199a.png?authuser=7&hl=hi)
कई ऑरिजिन में टैबलेट डेटा बहुत कम या बिलकुल नहीं होता है, इसलिए आपको अक्सर चार्ट के किनारे में "0%" लटकता हुआ दिखेगा.
इसी तरह, EC डिस्ट्रिब्यूशन पेज पर आपको 4G, 3G, 2G, धीमे 2G, और ऑफ़लाइन मोड के अनुभव की जानकारी मिलती है.
इन डाइमेंशन के डिस्ट्रिब्यूशन की गिनती, फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी) हिस्टोग्राम डेटा के सेगमेंट का इस्तेमाल करके की जाती है.
अक्सर पूछे जाने वाले सवाल
CrUX BigQuery डेटासेट के बारे में अक्सर पूछे जाने वाले कुछ सवाल यहां दिए गए हैं:
दूसरे टूल की जगह, मैं CrUX डैशबोर्ड का इस्तेमाल कब करूं?
CrUX डैशबोर्ड, BigQuery में उपलब्ध उसी डेटा पर आधारित होता है. हालांकि, डेटा एक्सट्रैक्ट करने के लिए आपको एसक्यूएल की एक लाइन लिखने की ज़रूरत नहीं है और आपको कभी भी किसी मुफ़्त कोटा को पार करने की चिंता नहीं करनी पड़ती. डैशबोर्ड को तुरंत और आसानी से सेट अप किया जा सकता है. सभी विज़ुअलाइज़ेशन आपके लिए जनरेट किए जाते हैं और आपके पास इसे किसी के भी साथ शेयर करने का कंट्रोल होता है.
क्या CrUX डैशबोर्ड को इस्तेमाल करने की कोई सीमा है?
BigQuery पर आधारित होने का मतलब है कि CrUX डैशबोर्ड पर सभी पाबंदियां भी लागू होती हैं. यह डेटा, हर महीने के स्तर के डेटा तक सीमित होता है.
CrUX डैशबोर्ड, आसानी और आसानी से काम करने के लिए, BigQuery पर रॉ डेटा की कई बहुमुखी सुविधाओं को शामिल करता है. उदाहरण के लिए, मेट्रिक डिस्ट्रिब्यूशन को पूरे हिस्टोग्राम के बजाय सिर्फ़ "अच्छा", "सुधार की ज़रूरत है", और "खराब" के तौर पर दिखाया जाता है. CrUX डैशबोर्ड में, ग्लोबल लेवल का डेटा भी मिलता है, जबकि BigQuery डेटासेट की मदद से कुछ खास देशों के डेटा को ज़ूम इन किया जा सकता है.
डैशबोर्ड को पसंद के मुताबिक कैसे बनाया जा सकता है
इस पेज पर CrUX डैशबोर्ड के रीड-ओनली वर्शन को ऐक्सेस करने का तरीका बताया गया है. इसे CrUX टीम मैनेज करती है. अगर आपको डैशबोर्ड की खुद की कॉपी बनानी है, ताकि आप अलग-अलग विज़ुअलाइज़ेशन दिखाने के लिए उसमें बदलाव कर सकें, तो ज़्यादा जानकारी के लिए इस्तेमाल के लिए यह गाइड देखें. ध्यान दें कि अपनी खुद की कॉपी बनाने से, आपको महीने को मैन्युअल रूप से अपडेट करना होगा. साथ ही, आधिकारिक डैशबोर्ड में जोड़े गए किसी भी तरह के बदलाव, जैसे कि नई मेट्रिक या अन्य जानकारी का फ़ायदा नहीं मिलेगा.