जेवेस्क्रिप्ट प्रदर्शन
- पिछला पृष्ठ जेएस एरर
- अगला पृष्ठ जेएस रिजर्व्वेड शब्द
आपके जेसक्रिप्ट को कैसे तेज करें
चक्र में गतिविधि को कम करें
प्रोग्रामिंग में चक्रों का इस्तेमाल अक्सर किया जाता है।
चक्र के प्रत्येक चक्र में, चक्र के भीतर के हर वाक्यांश, शामिल है for वाक्यांश, जो चक्र में चलेगा
चक्र के बाहर रखे जा सकने वाले वाक्यांश या असामान्यता चक्र को तेजी से चलाता है।
खराब कोड:
var i;
for (i = 0; i < arr.length; i++) {
बेहतर कोड:
var i;
var l = arr.length;
for (i = 0; i < l; i++) {
चक्र के प्रत्येक चक्र में, खराब कोड एक बार फिर चक्र को देखता है length गुण
अच्छे कोड चक्र के बाहर दृष्टिकोण को देखता है length गुण, ताकि चक्र तेजी से चले।
DOM दृष्टिकोण को कम करें
अन्य जेसक्रिप्ट की तुलना में, HTML DOM की अद्वितीय अद्वितीय दर अधिक धीमी है।
यदि आप किसी डॉम एलीमेंट को कई बार देखना चाहते हैं, तो उसे एक बार ही देखें और उसे स्थानीय वारियेबल के रूप में इस्तेमाल करें:
इंस्टांस
var obj;
obj = document.getElementById("demo");
obj.innerHTML = "Hello";
DOM आकार को कम करें
कृपया हाल्टी एचटीएमएल DOM में एलीमेंटों की संख्या को कम रखें।
इससे पृष्ठ को लोड करना बढ़ाया जाएगा और प्रदर्शन (पृष्ठ दिखाना) तेज होगा, खासकर छोटे उपकरणों पर।
जब भी आप DOM को खोजने का प्रयास करते हैं (उदाहरण के लिए getElementsByTagNameइसके सभी को एक छोटे DOM से लाभ होगा。
नावश्यक वारियेबलों से बचें
कृपया नए वाल्यू को संग्रहीत नहीं करने वाले नए वारियेबल नहीं बनाएं।
सामान्यतया आप कोड को इस तरह से प्रतिस्थापित कर सकते हैं:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
इस कोड का उपयोग करें:
document.getElementById("demo").innerHTML = firstName + " " + lastName
जेसक्रिप्ट को लोड करने में देरी
कृपया स्क्रिप्ट को पृष्ठ के नीचे रखें, ताकि ब्राउज़र पहले पृष्ठ को लोड करे।
स्क्रिप्ट डाउनलोड के दौरान, ब्राउज़र कोई अन्य डाउनलोड शुरू नहीं करेगा।इसके अलावा सभी पारसींग और रेंडरिंग गतिविधियाँ भी अवरुद्ध हो सकती हैं।
एचटीटीपी/डीईसी नियम निर्दिष्ट करते हैं कि ब्राउज़र दो से अधिक घटकों को समानांतर डाउनलोड नहीं करना चाहिए।
एक विकल्प यह है कि script टैग में defer="true"defer गुण यह निर्दिष्ट करता है कि स्क्रिप्ट पृष्ठ विश्लेषण के बाद चलना चाहिए, लेकिन यह केवल बाहरी स्क्रिप्ट के लिए ही लागू होता है。
यदि संभव हो, आप एक कोड के माध्यम से पृष्ठ को शीट जोड़ सकते हैं: जब पृष्ठ पूरी तरह से लोड हो जाए।
इंस्टांस
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>
with इस्तेमाल करने से बचें
इस्तेमाल करने से बचें with कीवर्ड।यह गति पर नकारात्मक प्रभाव डालता है।यह जावास्क्रिप्ट के स्कोप को भ्रमित करेगा।
सख्त मोड मेंअनुमति नहीं है with कीवर्ड
- पिछला पृष्ठ जेएस एरर
- अगला पृष्ठ जेएस रिजर्व्वेड शब्द
