डिबगिंग

Chrome DevTools Performance Panel: कोड एक्ज़ीक्यूशन का विश्लेषण
Chrome DevTools में Performance panel को पहली बार खोलें तो ऐसा लगता है जैसे किसी ने आपकी स्क्रीन पर रंगीन क्रेयॉन का पूरा डिब्बा उड़ेल दिया हो। दर्जनों रंग-बिरंगी बार्स, आधा दर्जन ट्रैक्स, और नीचे तीन टैब जो सब एक जैसी ही चीज़ दिखाते लगते हैं लेकिन थोड़ा अलग ढंग से। कोई आश्चर्य नहीं कि ज़्यादातर डेवलपर्स एक trace रिकॉर्ड करते हैं, घबरा जाते हैं, और वापस console.log डिबगिंग पर लौट जाते हैं। मैं भी सालों तक यही करता रहा - जब तक मैंने वाकई बैठकर यह नहीं समझा कि हर हिस्सा क्या मतलब रखता है, और अब जब भी कुछ “धीमा महसूस होता है” तो यही पहला टूल होता है जिसकी ओर मैं हाथ बढ़ाता हूँ।