PageSpeed Insights (PSI) वेब डेवलपर के लिए एक टूल है. इसकी मदद से, वे यह जान सकते हैं कि किसी पेज की परफ़ॉर्मेंस क्या है और उसमें सुधार कैसे किया जा सकता है. यह पेज को ऑडिट करने और परफ़ॉर्मेंस को बेहतर बनाने के अवसरों की पहचान करने के लिए, Lighthouse का इस्तेमाल करता है. इसमें Chrome UX रिपोर्ट (CrUX) को भी इंटिग्रेट किया जाता है. इससे यह पता चलता है कि असल उपयोगकर्ता, पेज और ऑरिजिन को कैसे देखते हैं. इस गाइड में, CrUX से अहम जानकारी पाने और उपयोगकर्ता अनुभव को बेहतर ढंग से समझने के लिए पीएसआई का इस्तेमाल करने का तरीका जानें.
डेटा को समझना
शुरू करने के लिए, https://pagespeed.web.dev/ पर जाएं और उस पेज का यूआरएल डालें जिसकी आपको जांच करनी है. इसके बाद, विश्लेषण करें पर क्लिक करें.
कुछ सेकंड के बाद, Lighthouse ऑडिट हो जाएगा. इसके बाद, आपको CrUX ("पता लगाएं कि आपके असली उपयोगकर्ताओं को कैसा अनुभव हो रहा है") और लाइटहाउस ("परफ़ॉर्मेंस की समस्याओं का पता लगाएं") के डेटा वाले सेक्शन दिखेंगे. CrUX, फ़ील्ड के असली लोगों के अनुभवों का कलेक्शन है, जबकि Lighthouse को लैब में कंट्रोल किया जाता है.
असल उपयोगकर्ता के अनुभव वाले सेक्शन में, मेट्रिक को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और अन्य अहम मेट्रिक के हिसाब से ग्रुप में रखा जाता है. वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली तीन मेट्रिक, सबसे पहले मौजूद हैं: सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी), इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी), और कुल लेआउट शिफ़्ट. इसके बाद, अन्य अहम मेट्रिक का इस्तेमाल किया जाता है: फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी) और टाइम टू फ़र्स्ट बाइट (टीटीएफ़बी).
Core Web Vitals
- एलसीपी, उस समय को मापता है जब तक पेज, मुख्य कॉन्टेंट, जैसे कि हीरो इमेज या हेडिंग नहीं दिखाता.
- एफ़आईडी, पेज के इंटरैक्टिव होने का आकलन करता है. इसमें उपयोगकर्ता के पहले इंटरैक्शन से लेकर, पेज पर उसके जवाब देने के समय तक के आंकड़े शामिल होते हैं.
- सीएलएस, पेज पर लेआउट के उतार-चढ़ाव का लेवल मापता है. ऐसा एसिंक्रोनस तरीके से लोड किए गए कॉन्टेंट को इंजेक्ट किए जाने जैसे शिफ़्ट की वजह से होता है.
अन्य अहम मेट्रिक
- आईएनपी, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली ऐसी मेट्रिक है जिसे मंज़ूरी मिलना बाकी है. यह मेट्रिक, उपयोगकर्ता के पेज पर किए गए सभी इंटरैक्शन के इंतज़ार के समय को मेज़र करती है. साथ ही, आईएनपी के लिए एक ही वैल्यू रिपोर्ट करती है. सभी या करीब-करीब सभी इंटरैक्शन के लिए, इंतज़ार का समय इससे कम होता है.
- एफ़सीपी उस समय को मापता है, जब पेज पर फ़ोरग्राउंड में कुछ टेक्स्ट या लोगो जैसी कोई चीज़ दिखाई जाती है.
- टीटीएफ़बी, प्रयोग के तौर पर उपलब्ध मेट्रिक है. इससे किसी संसाधन के अनुरोध और जवाब का पहला बाइट शुरू होने के बीच के समय को मापा जाता है.
मेट्रिक थ्रेशोल्ड
इस टेबल में बताया गया है कि इन मेट्रिक की वैल्यू को "अच्छा", "सुधार की ज़रूरत है" या "खराब" की कैटगरी में कैसे रखा जाता है.
| मेट्रिक | "अच्छा" | "सुधार की ज़रूरत है" | "खराब" |
|---|---|---|---|
| एलसीपी | 0–2500 मिलीसेकंड | 2500–4000 मिलीसेकंड | 4000 मिलीसेकंड से ज़्यादा |
| एफ़आईडी | 0–100 मि॰से॰ | 100–300 मिलीसेकंड | 300 मिलीसेकंड से ज़्यादा |
| सीएलएस | 0.00-0.10 | 10 से 0.25 | 0.25 से ज़्यादा |
| आईएनपी | 0–200 मि॰से॰ | 200 मि॰से॰–500 मि॰से॰ | 500 मिलीसेकंड से ज़्यादा |
| एफ़सीपी | 0–1800 मि॰से॰ | 1800 मि॰से॰–3000 मि॰से॰ | 3000 मिलीसेकंड से ज़्यादा |
| टीटीएफ़बी | 0–800 मि॰से॰ | 800 मि॰से॰–1800 मि॰से॰ | 1800 मिलीसेकंड से ज़्यादा |
वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली मेट्रिक सबसे अहम मेट्रिक होती हैं. इन्हें असल उपयोगकर्ता देख सकते हैं. अन्य मेट्रिक का इस्तेमाल, गड़बड़ी की जानकारी देने के लिए किया जा सकता है. हालांकि, ऐसा ज़रूरी नहीं है कि असली उपयोगकर्ता इन्हें देख पाएं. इसलिए, इन मेट्रिक को वेबसाइट की परफ़ॉर्मेंस की जानकारी के आकलन में शामिल नहीं किया जाता है. "अच्छा" थ्रेशोल्ड हासिल न कर पाना सिर्फ़ तब ज़रूरी होता है, जब इनकी वजह से वेबसाइट की परफ़ॉर्मेंस की जानकारी पर बुरा असर पड़ रहा हो.
पीएसआई में उपयोगकर्ता अनुभव को इन तीन तरीकों से दिखाया जाता है:
- ऐसा लेबल जिसमें पेज की, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली टेस्टिंग पास या पास न होने की जानकारी होती है
- सेकंड या मिलीसेकंड में मापा गया पर्सेंटाइल (सीएलएस यूनिटलेस है)
- "अच्छे", "सुधार की ज़रूरत है", और "खराब" अनुभवों का प्रतिशत दिखाने वाला डिस्ट्रिब्यूशन, इस सेक्शन के सबसे ऊपर दाईं ओर व्यू बड़ा करें पर क्लिक करके उपलब्ध होता है.
पिछले स्क्रीनशॉट में, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली रिपोर्ट में पेज को "कामयाब" के तौर पर लेबल किया गया है. पास होने के लिए, वेबसाइट की परफ़ॉर्मेंस की जानकारी की सभी तीनों कैटगरी में पर्सेंटाइल को "अच्छा" की कैटगरी में रखना ज़रूरी है. ऐसा न होने पर, आकलन की प्रोसेस "फ़ेल" के तौर पर दिखेगी. ऐसा हो सकता है कि कुछ पेजों पर ज़रूरत के मुताबिक एफ़आईडी डेटा न हो. ऐसे में, पेज की परफ़ॉर्मेंस की जानकारी देने वाली दूसरी दो मेट्रिक के हिसाब से पेज का आकलन किया जाता है.
सभी मेट्रिक के लिए दिखाए गए पर्सेंटाइल 75वें पर्सेंटाइल के हैं. आंकड़ों में, पर्सेंटाइल एक ऐसा माप है जिससे पता चलता है कि सैंपल का कोई प्रतिशत, किस वैल्यू के नीचे आता है. उदाहरण के लिए, ऊपर दिया गया स्क्रीनशॉट दिखाता है कि एफ़आईडी का 75वां पर्सेंटाइल 13 मि॰से॰ है. इसका मतलब है कि 75% एफ़आईडी अनुभव, 13 मि॰से॰ से ज़्यादा तेज़ हैं. ये वैल्यू, पिछली थ्रेशोल्ड टेबल के मुताबिक कलर कोड होती हैं. इसमें "अच्छे" वैल्यू हरे रंग, "सुधार की ज़रूरत है" वैल्यू नारंगी, और "खराब" वैल्यू लाल होती हैं.
आखिर में, हर मेट्रिक के डिस्ट्रिब्यूशन को "अच्छा", "सुधार की ज़रूरत है", और "खराब" ग्रुप का इस्तेमाल करके दिखाया गया है. उदाहरण के लिए, इस पेज पर एलसीपी से जुड़े अनुभव 90% मामलों में "अच्छे" (2.5 सेकंड से कम) होते हैं. एफ़आईडी, कम से कम 300 मिलीसेकंड तक "खराब" होता है. ये डिस्ट्रिब्यूशन, पेज पर सभी उपयोगकर्ताओं के अनुभव को दिखाते हैं. साथ ही, इनके अलग-अलग आकार "अच्छा" या "खराब" होने की संभावना को दिखाते हैं.
ऑरिजिन परफ़ॉर्मेंस की खास जानकारी
पीएसआई में, ओरिजनल परफ़ॉर्मेंस की खास जानकारी भी शामिल होती है. यह किसी ऑरिजिन के सभी पेजों पर उपयोगकर्ता अनुभवों को एक साथ दिखाता है. पूरे ऑरिजिन के लिए वही आंकड़े मिल सकते हैं जो अलग-अलग पेजों के लिए उपलब्ध होते हैं. यह डेटा, BigQuery पर उपलब्ध डेटा से काफ़ी हद तक मिलता-जुलता है, लेकिन पेज-लेवल की परफ़ॉर्मेंस को क्वेरी के लिए उपलब्ध नहीं कराया गया है.
पीएसआई और BigQuery के ऑरिजिन-लेवल के डेटा में एक बड़ा अंतर है. BigQuery के डेटासेट, महीने में एक बार रिलीज़ किए जाते हैं और इनमें पिछले कैलेंडर महीने का डेटा शामिल होता है. उदाहरण के लिए, 20205 के डेटासेट में, मई 2020 में हुए सभी उपयोगकर्ता अनुभव शामिल हैं. दूसरी ओर, पीएसआई पिछले 28 दिनों को मिलाकर हर दिन नया डेटा इकट्ठा करता है. इसलिए, आपको आज के नतीजे कल अलग-अलग दिख सकते हैं. यह ज़रूरी नहीं है कि वे नतीजे, BigQuery पर मौजूदा महीने के एग्रीगेशन में आपको दिखेंगे.
CrUX में यूआरएल डेटा उपलब्ध न होने पर जवाब
आपने जो यूआरएल डाला है, अगर वह CrUX में उपलब्ध नहीं है, तो PageSpeed Insights अगले स्क्रीनशॉट में दिखाए गए तरीके से, ऑरिजिन लेवल के डेटा पर फ़ॉलबैक की कोशिश करेगा. बंद किए गए यह यूआरएल बटन के बगल में मौजूद आइकॉन पर क्लिक करने पर, आपको ज़्यादा जानकारी दिखेगी.
अगर ऑरिजिन लेवल का डेटा भी CrUX में उपलब्ध नहीं है, तो पीएसआई इस सेक्शन को नहीं दिखा पाएगा और आपको कोई डेटा नहीं दिखेगा. Lighthouse का लैब डेटा अब भी उपलब्ध है, ताकि आपको पेज की परफ़ॉर्मेंस का अनुमान लगाया जा सके.
अक्सर पूछे जाने वाले सवाल
PageSpeed Insights पर CrUX डेटा के बारे में अक्सर पूछे जाने वाले कुछ सवाल यहां दिए गए हैं:
दूसरे टूल के बजाय, PageSpeed Insights का इस्तेमाल कब किया जा सकता है?
पीएसआई, CrUX के असल दुनिया के उपयोगकर्ता अनुभव के डेटा को लाइटहाउस की लैब आधारित परफ़ॉर्मेंस डाइग्नोस्टिक्स के साथ जोड़ता है. इससे यह देखना आसान हो जाता है कि कोई पेज कितनी तेज़ी से लोड हुआ है और इसे एक ही जगह पर तेज़ी से कैसे लोड किया जा सकता है. पीएसआई में हर दिन फ़ील्ड डेटा इकट्ठा होने से, कम एग्रीगेशन वाले टूल के मुकाबले, ऑरिजिन या यूआरएल की परफ़ॉर्मेंस पर ज़्यादा बारीकी से नज़र रखी जा सकती है.
क्या PageSpeed Insights का इस्तेमाल करने की कोई सीमा है?
पीएसआई, रोज़ का सिर्फ़ हाल ही का एग्रीगेशन देता है. इसलिए, यह ज़रूरी नहीं है कि आप यह देख पाएं कि साइट की परफ़ॉर्मेंस का रुझान कैसा रहा है. CrUX डेटासेट में कुछ ऐसी मेट्रिक भी मौजूद हैं जो ज़रूरी नहीं हैं, लेकिन पीएसआई में नहीं दिखती हैं.
मुझे PageSpeed Insights के बारे में ज़्यादा जानकारी कहां मिल सकती है?
ज़्यादा जानकारी के लिए, पीएसआई का दस्तावेज़ देखें.