JavaScript अनुकूलन

पार्सिंग और संकलन समय कम करना

बड़ी JavaScript files को parse और compile करने में समय लगता है। Code splitting करें, modern browsers के लिए polyfills हटाएँ और ES6 modules के लिए <script type=module> इस्तेमाल करें। बदलाव के बाद Core Web Vitals monitor करें।

मुख्य थ्रेड अनुकूलन

Main thread को block न करें। Long tasks (>50ms) को scheduler.yield() या requestIdleCallback() से तोड़ें। भारी computation के लिए Web Workers इस्तेमाल करें। DevTools की Performance tab से monitor करें।

फ्रेमवर्क प्रदर्शन विचार

React: React.memo, useMemo, useCallback इस्तेमाल करें। Vue: lazy component loading, v-show बनाम v-if। Angular: OnPush strategy, lazy routes। हर framework के अपने optimization patterns हैं—अपने tool में महारत हासिल करें।

JavaScript प्रोफाइलिंग

धीमी scripts खोजने के लिए DevTools की Performance tab इस्तेमाल करें। महँगे functions पहचानने के लिए CPU profile record करें। देखें: parse/compile time > execution time, main thread bottlenecks, बार-बार garbage collection।

त्वरित जाँच

त्वरित जाँच: JavaScript में लंबा कार्य क्या माना जाता है?

• >50ms लगने वाला कार्य
• >1 सेकंड लगने वाला कार्य
• कोई भी कार्य
• 1MB से ज्यादा memory वाला task