Chrome DevTools में मौजूद परफ़ॉर्मेंस पैनल, डेवलपर को 15 साल से रनटाइम की परफ़ॉर्मेंस को मेज़र करने और उसे ऑप्टिमाइज़ करने में मदद कर रहा है. यह 'टाइमलाइन' नाम के पैनल के तौर पर शुरू हुआ था. बाद में, इसे परफ़ॉर्मेंस पैनल में बदल दिया गया.
इस दौरान, Chrome ने परफ़ॉर्मेंस को बेहतर बनाने वाले अन्य प्रॉडक्ट और सुविधाएं लॉन्च कीं. ध्यान दें कि Lighthouse को 2016 में लॉन्च किया गया था, ताकि ऑप्टिमाइज़ेशन के अवसरों को आसानी से देखा जा सके. परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल को एक्सपेरिमेंट के तौर पर साल 2022 में रिलीज़ किया गया था. इसका मकसद, परफ़ॉर्मेंस के बारे में अहम जानकारी दिखाने के नए तरीकों को टेस्ट करना था.
परफ़ॉर्मेंस पैनल में डेटा और सुविधाएं भरी होती हैं. इनकी मदद से, डेवलपर पेज लोड होने और रनटाइम परफ़ॉर्मेंस से जुड़ी समस्याओं को बेहतर तरीके से समझ सकते हैं. हालांकि, थोड़ी देर के लिए असल बात पर आते हैं और स्वीकार करते हैं कि पेज की परफ़ॉर्मेंस को बेहतर बनाने के लिए, इस्तेमाल करना चुनौती भरा और सबसे बड़े अवसरों की पहचान करना मुश्किल हो सकता है. इसके अलावा, परफ़ॉर्मेंस पैनल से Lighthouse जैसे अन्य टूल हटा दिए गए हैं. ये टूल, ग़ैर-ज़रूरी जानकारी को हटाकर, मौकों को तुरंत अलग करने में मदद करते हैं.
हम Lighthouse और परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल की सुविधाओं और जानकारी को मौजूदा परफ़ॉर्मेंस पैनल में इंटिग्रेट करने जा रहे हैं. इससे डेवलपर को परफ़ॉर्मेंस से जुड़ी समस्याओं की पहचान करने और उन्हें ठीक करने में आसानी होगी. हम यूज़र एक्सपीरियंस (यूएक्स) और इस्तेमाल करने के तरीके पर भी ध्यान दे रहे हैं, ताकि परफ़ॉर्मेंस पैनल को वेब परफ़ॉर्मेंस ऑप्टिमाइज़ेशन टूल के तौर पर ज़्यादा असरदार बनाया जा सके.
इसका क्या नतीजा होगा? परफ़ॉर्मेंस के सभी डेटा और अहम जानकारी के लिए, एक पैनल. यह पैनल पहले से ज़्यादा आसान और बेहतर है.
वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने के लिए आसानी से कार्रवाई करना
आपके सुझाव/राय/शिकायत से पता चलता है कि ज़्यादा जानकारी होने पर, उसे इस्तेमाल करने में समस्याएं आती हैं. हम इस समस्या को ठीक करने और आपको मदद करने के लिए, नई सुविधाएं डेवलप कर रहे हैं. वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को बेहतर बनाने जैसी मुख्य ऑप्टिमाइज़ेशन प्रोसेस को बेहतर बनाने के लिए, हम लगातार काम कर रहे हैं. हम एनोटेशन जैसी सुविधाएं लॉन्च करने वाले हैं. इनकी मदद से, आपको अपने साथियों के साथ नतीजों को मार्क करने और सीखी गई बातों को शेयर करने की सुविधा मिलेगी. डेटा में कनेक्शन दिखाने से, किसी जटिल सिस्टम को समझने में मदद मिलेगी. साथ ही, आपको डेटा के कनेक्ट होने के तरीके के बारे में ज़्यादा जानकारी मिलेगी. जैसे, मुख्य थ्रेड गतिविधि के लिए नेटवर्क अनुरोध.
हम नई सुविधाओं को डेवलप करते ही उन्हें लॉन्च कर देंगे. साथ ही, हर कुछ महीनों में पैनल में उपलब्ध नई सुविधाओं के बारे में अपडेट शेयर करेंगे. थोड़ी देर इंतज़ार करें! आपको जल्द ही नई सुविधाएं दिखेंगी!
परफ़ॉर्मेंस पैनल में, Lighthouse की सुविधाएं
हमने देखा है कि डेवलपर, Lighthouse और परफ़ॉर्मेंस पैनल, दोनों का इस्तेमाल कैसे करते हैं. साथ ही, इन दोनों के बीच कॉन्टेक्स्ट स्विच करना एक चुनौती है. इसके अलावा, लाइटहाउस की खोज के नतीजों पर कार्रवाई करने के लिए, ज़्यादा जानकारी पाने के लिए परफ़ॉर्मेंस पैनल में जाना पड़ सकता है. इससे समस्याएं आती हैं, क्योंकि पेज की परफ़ॉर्मेंस की खास जानकारी, परफ़ॉर्मेंस के ज़्यादा जानकारी वाले डेटा से अलग होती है.
हम परफ़ॉर्मेंस पैनल की मदद से, Lighthouse की परफ़ॉर्मेंस के विश्लेषण को बेहतर तरीके से इंटिग्रेट करने जा रहे हैं. इस इंटिग्रेशन की मदद से, लाइटहाउस परफ़ॉर्मेंस पैनल में ही पेज की परफ़ॉर्मेंस को बेहतर बनाने के मुख्य अवसरों के बारे में बताएगा. साथ ही, इन अवसरों पर कार्रवाई करने के लिए ज़रूरी सभी जानकारी भी देगा.
परफ़ॉर्मेंस से जुड़े सभी फ़ंक्शन को परफ़ॉर्मेंस पैनल में ले जाने के बाद, DevTools में मौजूद Lighthouse पैनल का इस्तेमाल नहीं किया जा सकेगा. यह पैनल 2025 की दूसरी छमाही तक बंद नहीं होगा. यह साफ़ तौर पर बताना ज़रूरी है कि Lighthouse का इस्तेमाल बंद नहीं किया जा रहा है.
लाइटहाउस का इस्तेमाल जारी रहेगा
Lighthouse npm मॉड्यूल और PageSpeed Insights में मौजूद Lighthouse रिपोर्ट (इसमें PSI API भी शामिल है) को बंद नहीं किया जाएगा. हम Lighthouse को एक ओपन-सोर्स टूल के तौर पर उपलब्ध कराने और उसकी क्वालिटी को बेहतर बनाने के लिए लगातार काम कर रहे हैं. इसका इस्तेमाल, पेज की परफ़ॉर्मेंस का आकलन करने के लिए, डेवलपर के पसंदीदा प्लैटफ़ॉर्म पर किया जा सकता है.
इस इंटिग्रेशन की मदद से, हम परफ़ॉर्मेंस पैनल और Lighthouse, दोनों की सुविधाओं को बेहतर बना पाएंगे. इससे डेवलपर को, ऐप्लिकेशन के लोड होने में लगने वाले समय, रिस्पॉन्सिवनेस, और कॉन्टेंट के स्थिर रहने की जानकारी मिल पाएगी.
परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल को बंद कर दिया जाएगा
परफ़ॉर्मेंस की अहम जानकारी वाले पैनल को एक्सपेरिमेंट के तौर पर लॉन्च किया गया था. इससे यह पता लगाने की कोशिश की गई कि तीन मुख्य समस्याओं को कैसे हल किया जा सकता है: परफ़ॉर्मेंस पैनल में मौजूद जानकारी को कम करना, इस्तेमाल के उदाहरण के आधार पर विश्लेषण की सुविधा देना, और परफ़ॉर्मेंस पैनल का इस्तेमाल करने में आने वाली समस्याओं को कम करना.
डेवलपर के सुझावों और राय से, हमें इस एक्सपेरिमेंट से बहुत कुछ सीखने को मिला है. हमने पुष्टि की है कि इस्तेमाल के उदाहरण पर आधारित विश्लेषण काफ़ी अहम है. उदाहरण के लिए, "मुझे एलसीपी को ऑप्टिमाइज़ करना है" या "मुझे पेजों को ज़्यादा रिस्पॉन्सिव बनाने के लिए ऑप्टिमाइज़ करना है". साथ ही, लेआउट शिफ़्ट ट्रैक जैसी सुविधाओं से, मेट्रिक का पता लगाना और उन्हें बेहतर बनाना काफ़ी आसान हो जाता है.
डेवलपर को परफ़ॉर्मेंस के बारे में अहम जानकारी वाले पैनल को, परफ़ॉर्मेंस पैनल के मुकाबले ज़्यादा आसान भी लगा. इससे यह पता चलता है कि कम जानकारी देने वाला पैनल ज़्यादा आकर्षक है. हालांकि, डेटा की संख्या कम होने की वजह से, कई मामलों में डेवलपर को कार्रवाई करने के लिए ज़रूरी डेटा पाने के लिए, परफ़ॉर्मेंस पैनल पर जाना पड़ता था.
परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले एक्सपेरिमेंटल पैनल से मिली जानकारी और कई सुविधाओं को परफ़ॉर्मेंस पैनल में इंटिग्रेट किया जाएगा. लाइटहाउस इंटिग्रेशन के साथ-साथ, इस्तेमाल के उदाहरण के हिसाब से विश्लेषण और जानकारी के घनत्व में सुधार जैसी सुविधाओं से, हमें पेज की परफ़ॉर्मेंस के बारे में अहम जानकारी पाने में मदद मिलेगी. इससे, इस जानकारी का इस्तेमाल पहले से ज़्यादा बेहतर तरीके से किया जा सकेगा.
परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल के एक्सपेरिमेंट को साल 2024 के आखिर में हटा दिया जाएगा.
सुझाव/राय या शिकायत कहां दें
हम नई सुविधाएं लॉन्च कर रहे हैं. अगर आपके पास कोई सुझाव या राय है, तो हमें बताएं. अगर आपको जोड़ी गई सुविधाओं को बेहतर बनाने के बारे में कोई आइडिया है या पैनल के ज़रिए आपके मौजूदा फ़्लो में कोई गड़बड़ी आ रही है, तो हमें बताएं. हमें यह जानना है कि कौनसी सुविधाएं काम कर रही हैं और कौनसी नहीं. साथ ही, हमें यह भी बताएं कि आपके हिसाब से क्या बेहतर किया जा सकता है. धन्यवाद!