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