स्पीड टूल के बारे में कैसे सोचें

स्पीड टूल के बारे में कैसे सोचें

Google ने परफ़ॉर्मेंस डेटा और परफ़ॉर्मेंस टूल के बारे में काफ़ी दिशा-निर्देश दिए हैं. इस इन्फ़ोग्राफ़िक का मकसद, डेवलपर और मार्केटर के लिए इस दिशा-निर्देश को इकट्ठा करना है. इससे उन्हें परफ़ॉर्मेंस की रणनीति समझने और Google के सभी परफ़ॉर्मेंस टूल ऑफ़र को नेविगेट करने में मदद मिलेगी.

PDF वर्शन डाउनलोड करना

एक काग़ज़ पर लाइन ग्राफ़ रखा गया है.

उपयोगकर्ता अनुभव को एक ही मेट्रिक की मदद से कैप्चर किया जा सकता है.

अच्छे उपयोगकर्ता अनुभव को एक ही समय पर कैप्चर नहीं किया जा सकता. यह आपके उपयोगकर्ताओं की यात्रा की प्रमुख उपलब्धियों की एक शृंखला है. अलग-अलग मेट्रिक को समझें और उन मेट्रिक को ट्रैक करें जो आपके उपयोगकर्ताओं के अनुभव के लिए अहम हैं.

दूसरी गलतफ़हमी

नेटवर्क आइकॉनोग्राफ़ी का एक संग्रह, जिसमें अलग-अलग डिवाइसों और नेटवर्क की स्थितियों को दिखाया गया है.

उपयोगकर्ता अनुभव को किसी एक “प्रतिनिधि उपयोगकर्ता” की मदद से कैप्चर किया जा सकता है.
लोगों के डिवाइस, नेटवर्क कनेक्शन, और अन्य चीज़ों में अंतर की वजह से, असल दुनिया में परफ़ॉर्मेंस में काफ़ी बदलाव होता है. इस तरह की अलग-अलग तरह की स्थितियों की जांच करने के लिए, अपने लैब और डेवलपमेंट सिस्टम को कैलिब्रेट करें. फ़ील्ड डेटा का इस्तेमाल करके, डिवाइस टाइप (जैसे कि मोबाइल बनाम डेस्कटॉप) के लिए, नेटवर्क कनेक्शन (जैसे, 3G या 4G), और अन्य मुख्य वैरिएबल.

तीसरी ग़लतफ़हमी

अलग-अलग तरह के उपयोगकर्ताओं को
दिखाया जाता है.

मेरी वेबसाइट मेरे लिए तेज़ी से लोड होती है, इसलिए इसे मेरे उपयोगकर्ताओं के लिए तेज़ी से लोड होना चाहिए.
डेवलपर जिन डिवाइसों और नेटवर्क पर लोड की परफ़ॉर्मेंस की जांच करते हैं वे आम तौर पर, उन डिवाइसों और नेटवर्क के मुकाबले ज़्यादा तेज़ होते हैं जिन पर आपके उपयोगकर्ता अनुभव करते हैं. फ़ील्ड डेटा का इस्तेमाल करके, यह समझें कि आपके उपयोगकर्ता किन डिवाइसों और नेटवर्क का इस्तेमाल कर रहे हैं. साथ ही, परफ़ॉर्मेंस की जांच करते समय, उन स्थितियों का सही तरीके से डुप्लीकेट वर्शन बनाएं.

लैब बनाम फ़ील्ड डेटा को समझना

लैब डेटा

इस इमेज में, कुछ ऐब्स्ट्रैक्ट टेक्निकल कॉन्सेप्ट और आइकॉन
के सामने खड़े होकर एक आदमी को दिखाया गया है

लैब डेटा, परफ़ॉर्मेंस का वह डेटा होता है जिसे पहले से तय किए गए डिवाइस और नेटवर्क सेटिंग की मदद से किसी नियंत्रित माहौल में इकट्ठा किया जाता है. इससे परफ़ॉर्मेंस की समस्याओं को पहचानने, उन्हें अलग करने, और ठीक करने में मदद के लिए, फिर से जनरेट किए जा सकने वाले नतीजे और डीबग करने की सुविधाएं मिलती हैं.

ऐसा करें

ताकत

  • परफ़ॉर्मेंस की समस्याओं को डीबग करने में मदद मिलती है
  • उपयोगकर्ता अनुभव को पूरी तरह से और अच्छी तरह से देखना
  • फिर से जनरेट करने लायक टेस्टिंग और डीबग करने वाला एनवायरमेंट
यह न करें

सीमाएं

  • ऐसा हो सकता है कि असल दुनिया की रुकावटों को कैप्चर न किया जा सके
  • असल दुनिया के पेज केपीआई से जुड़ाव नहीं बनाया जा सकता

फ़ील्ड डेटा

किसी सार्वजनिक जगह पर मोबाइल डिवाइस का इस्तेमाल करते हुए लोगों की तस्वीर.

(इसे असली उपयोगकर्ता की निगरानी या आरयूएम भी कहा जाता है)

फ़ील्ड डेटा, असल में पेज लोड होने से इकट्ठा किया गया परफ़ॉर्मेंस डेटा होता है. यह डेटा, उस पेज लोड होने से इकट्ठा किया जाता है जिसे आपके उपयोगकर्ता जंगल में देख रहे हों.

ऐसा करें

ताकत

  • यह असल दुनिया के उपयोगकर्ता अनुभव को कैप्चर करता है
  • कारोबार के मुख्य परफ़ॉर्मेंस इंडिकेटर से संबंध जोड़ने की सुविधा चालू करता है
यह न करें

सीमाएं {: .compare-worse }

  • मेट्रिक का प्रतिबंधित सेट
  • डीबग करने की सीमित सुविधाएं

परफ़ॉर्मेंस के लिए कौनसे टूल अलग-अलग हैं?

लाइटहाउस

लाइटहाउस

यह आपकी वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने के तरीके, सुलभता, PWA, एसईओ, और अन्य सबसे सही तरीकों के बारे में आपकी पसंद के हिसाब से सलाह देता है.

WebPageTest

WebPageTest

इसकी मदद से, कंट्रोल किए गए लैब एनवायरमेंट में एक या उससे ज़्यादा पेजों की परफ़ॉर्मेंस की तुलना की जा सकती है. साथ ही, परफ़ॉर्मेंस के आंकड़ों की बारीकी से जांच की जा सकती है और असली डिवाइस पर परफ़ॉर्मेंस की जांच की जा सकती है. आपके पास WebPageTest पर Lighthouse चलाने का विकल्प है.

TestMySite

TestMySite

इसकी मदद से, सभी डिवाइसों पर वेबपेज की परफ़ॉर्मेंस का पता लगाया जा सकता है. साथ ही, Webpagetest और PageSpeed Insights की मदद से, अनुभव को बेहतर बनाने के लिए, सुधारों की सूची उपलब्ध कराई जा सकती है.

PageSpeed Insights

PageSpeed Insights

यह आपकी साइट के लिए स्पीड फ़ील्ड का डेटा दिखाता है. साथ ही, इसे बेहतर बनाने के लिए आम तौर पर किए जाने वाले ऑप्टिमाइज़ेशन के सुझाव भी दिखाता है.

स्पीड स्कोरकार्ड

स्पीड स्कोरकार्ड

इसकी मदद से, 10 से ज़्यादा देशों में मोबाइल साइट की स्पीड की तुलना, मिलते-जुलते ऐप्लिकेशन के साथ की जा सकती है. मोबाइल साइट स्पीड, Chrome के उपयोगकर्ता अनुभव रिपोर्ट में मौजूद असल डेटा पर आधारित होती है.

इम्पैक्ट कैल्‍क्‍यूलेटर

इंपैक्ट कैलकुलेटर

इसकी मदद से, Google Analytics से मिले मानदंड डेटा के आधार पर, मोबाइल साइट की स्पीड को बेहतर बनाकर, कमाई करने के संभावित मौके का अनुमान लगाया जा सकता है.

Chrome डेवलपर टूल

Chrome डेवलपर टूल

इसकी मदद से, किसी पेज के रनटाइम की प्रोफ़ाइल बनाई जा सकती है. साथ ही, परफ़ॉर्मेंस से जुड़ी रुकावटों की पहचान करके उन्हें डीबग किया जा सकता है.

तो आप हैं...

किताब का आइकॉन, जिसमें
चार्ट और ग्राफ़ दिख रहे हैं.

मार्केटर या डेवलपर, जो आपकी वेबसाइट के उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, कोई बिज़नेस केस बनाने की कोशिश कर रहे हों. बात डॉलर और सेंट की होती है और आपको कमाई करने वाले आंकड़ों की तलाश होती है, जो ऑपर्च्यूनिटी की लागत और अनुमानित लिफ़्ट का हिसाब लगाने में आपकी मदद कर सकते हैं.

  • स्पीड स्कोरकार्ड का इस्तेमाल करके देखें कि 10 से ज़्यादा देशों में, आपकी मोबाइल साइट की स्पीड, मिलते-जुलते ऐप्लिकेशन की तुलना में कैसी है. स्कोर, Chrome उपयोगकर्ता अनुभव रिपोर्ट से मिले असल डेटा पर आधारित होते हैं.
  • अपनी मोबाइल साइट की स्पीड को बेहतर बनाने से, कमाई के संभावित अवसरों का अनुमान लगाने के लिए, इंपैक्ट कैलकुलेटर का इस्तेमाल करें. यह असर, Google Analytics के मानदंड डेटा से तय होता है.
  • इंडस्ट्री के मानदंडों के साथ-साथ, अपने पेज के मोबाइल लोड होने में लगने वाले समय की जांच करने के लिए, TestMySite का इस्तेमाल करें. साथ ही, यह भी जानें कि कैसे आसान सुधार आपकी साइट की रफ़्तार को बढ़ा सकते हैं और वेबसाइट पर आने वाले लोगों की कमी को कम कर सकते हैं. फ़िलहाल, TestMySite को WebPageTest और PageSpeed Insights की मदद से जाना जाता है.
एक लैपटॉप का आइकॉन, जिसके पीछे Chrome का लोगो है. यह लोगो, उसके थोड़ा ऊपर है.

डेवलपर, आपकी साइट की मौजूदा परफ़ॉर्मेंस को समझने की कोशिश कर रहा है, जैसा कि असल दुनिया के Chrome उपयोगकर्ताओं ने अनुभव किया है और वह इंडस्ट्री के टॉप ट्रेंड और दिशा-निर्देशों के हिसाब से ऑडिट के सुझाव ढूंढ रहा है.

PageSpeed Insights आपकी साइट की असल परफ़ॉर्मेंस को समझने में आपकी मदद करता है, जैसा कि Chrome के उपयोगकर्ताओं ने अनुभव किया है. साथ ही, यह साइट को ऑप्टिमाइज़ करने के अवसरों के बारे में भी सुझाव देता है.

लाइटहाउस ऑडिट के नतीजे वाले पेज का आइकॉन.

डेवलपर किसी वेबसाइट को आधुनिक वेब परफ़ॉर्मेंस के सबसे सही तरीकों के हिसाब से समझने और ऑडिट करने की कोशिश करता है.

Lighthouse में परफ़ॉर्मेंस को बेहतर बनाने के अवसरों का एक बड़ा सेट शामिल होता है. यह आपको परफ़ॉर्मेंस के उन अवसरों की सूची देता है जो आपके पेज पर नहीं हैं और हर ऑप्टिमाइज़ेशन को लागू करने में लगने वाला समय बताता है. इससे आपको यह समझने में मदद मिलती है कि आपको क्या करना चाहिए.

बग के ऊपर मैग्नीफ़ाइंग ग्लास का आइकॉन.

डेवलपर को आपकी साइट की परफ़ॉर्मेंस के बारे में डीबग/पूरी जानकारी पाने के लिए, तकनीकी सलाह चाहिए.

Chrome डेवलपर टूल (सीडीटी) में एक परफ़ॉर्मेंस पैनल होता है. इससे अपनी साइट की परफ़ॉर्मेंस की समस्याओं के बारे में जानने के लिए, कस्टमाइज़ किए गए कॉन्फ़िगरेशन की मदद ली जा सकती है. इससे, परफ़ॉर्मेंस में आने वाली समस्याओं को ट्रैक करने में मदद मिलती है. आप CDT का इस्तेमाल किसी वेबसाइट के प्रोडक्शन या डेवलपमेंट वर्शन पर कर सकते हैं.

WebPageTest में मेट्रिक और ट्रेस व्यूअर का एक बेहतर सुइट मौजूद है. इसकी मदद से, नेटवर्क की शर्तों के हिसाब से, असल मोबाइल हार्डवेयर पर आपकी साइट की परफ़ॉर्मेंस की जांच की जा सकती है.