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