JavaScript प्रदर्शन सुधारने की तकनीकें
1. वेरिएबल्स बनाएं और उपयोग करें
JavaScript में, केवल वही वेरिएबल्स बनाएं जिनका आप उपयोग करेंगे और मान सहेजेंगे। अनावश्यक कोड लाइन्स और वेरिएबल डिक्लेरेशन से बचें:
// खराब उदाहरण var x = 10; var y = 20; var z = x + y; // बेहतर - सीधे उपयोग करें document.write(10 + 20);
2. with कीवर्ड के उपयोग से बचें
with कीवर्ड का JavaScript गति पर अच्छा प्रभाव नहीं पड़ता। अपने कोड में इसका उपयोग करने से बचें।
3. तेज़ लूपिंग
लूप का उपयोग करते समय, असाइनमेंट को लूप के बाहर रखें। इससे लूप तेज़ चलेगा:
// धीमा - लूप के अंदर लेंथ चेक
for (var i = 0; i < arr.length; i++) {
// कोड
}
// तेज़ - लेंथ को बाहर कैश करें
var i;
var len = arr.length;
for (i = 0; i < len; i++) {
// कोड
}
अन्य प्रदर्शन युक्तियाँ
- DOM एक्सेस कम करें - DOM रीफ्लो/रिपेंट महंगे हैं। बैच अपडेट्स करें।
- इवेंट डेलिगेशन - कई एलिमेंट्स पर इवेंट लिसनर के बजाय पैरेंट पर एक लिसनर लगाएं।
- डिबाउंस/थ्रॉटल - स्क्रॉल, रिसाइज़, कीप्रेस जैसे इवेंट्स के लिए।
- लेजी लोडिंग - गैर-महत्वपूर्ण संसाधनों को बाद में लोड करें।
requestAnimationFrameका उपयोग एनिमेशन के लिए करें।- बड़े ऑब्जेक्ट्स/एरे की अनावश्यक कॉपी से बचें।
- आधुनिक ब्राउज़र्स में
let/constका उपयोग करें (ब्लॉक स्कोप, बेहतर ऑप्टिमाइज़ेशन)।
