JavaScript Performance

ਤੁਹਾਡੇ ਜੈਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਨੂੰ ਤੇਜ਼ ਕਿਵੇਂ ਬਣਾਓ

ਸਰਕੀਟ ਵਿੱਚ ਗਤੀਵਿਧੀ ਘਟਾਓ

ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿੱਚ ਸਰਕੀਟ ਨਾਲ ਹੀ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਸਰਕੀਟ ਹਰ ਸਾਰੀ ਸਰਕੀਟ ਵਿੱਚ, ਸਰਕੀਟ ਵਿੱਚ ਹਰ ਇੱਕ ਸਟੇਟਮੈਂਟ ਸਰਕੀਟ ਸਟੇਟਮੈਂਟ, ਸਾਰੇ ਚਲੇਗਾ

ਸਰਕੀਟ ਬਾਹਰ ਰੱਖੀ ਜਾ ਸਕਣ ਵਾਲੀ ਕੋਸ਼ਿਸ਼ ਜਾਂ ਅਸਲ ਵਿੱਚ ਕੋਈ ਵੀ ਸਟੇਟਮੈਂਟ ਜੋ ਕਿ ਚੰਗਾ ਹੋਵੇ, ਸਰਕੀਟ ਵਿੱਚ ਚਲੇਗਾ

ਬੁਰੇ ਕੋਡ

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 ਦਾ ਪਹੁੰਚ ਬਹੁਤ ਧੀਮਾ ਹੈ。

ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ DOM ਐਲੀਮੈਂਟ ਨੂੰ ਕਈ ਵਾਰ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਉਸਨੂੰ ਇੱਕ ਵਾਰ ਦੇਖੋ ਅਤੇ ਉਸਨੂੰ ਸਥਾਨਕ ਵੈਰੀਬਲ ਵਜੋਂ ਵਰਤੋ

مثال

var obj;
obj = document.getElementById("demo");
obj.innerHTML = "Hello";

ਆਪਣੇ ਆਪ ਨੂੰ ਸਿਖਾਓ

DOM ਦਾ ਆਕਾਰ ਘਟਾਓ

ਹੋਰ ਤੋਂ ਘੱਟ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਰੱਖੋ ਹੋਰ ਘੱਟ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਰੱਖੋ

ਇਹ ਹਮੇਸ਼ਾ ਪੰਨੇ ਲੋਡ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ, ਅਤੇ ਰੈਂਡਰਿੰਗ (ਪੰਨਾ ਦਿਸਣ ਦੀ ਗਤੀ) ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ, ਖਾਸ ਕਰਕੇ ਛੋਟੇ ਉਪਕਰਣਾਂ 'ਤੇ。

DOM ਦਾ ਹਰ ਚੋਣਣ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ (ਉਦਾਹਰਣ ਵਜੋਂ getElementsByTagNameਛੋਟੇ DOM ਦਾ ਲਾਭ ਹੋਵੇਗਾ。

ਗ਼ੈਰ ਜ਼ਰੂਰੀ ਵੈਰੀਬਲ ਤੋਂ ਬਚੋ

ਨਵੀਂ ਮੁੱਲ ਸਟੋਰ ਕਰਨ ਲਈ ਨਹੀਂ ਕੀਤੀਆਂ ਜਾਣ ਵਾਲੀਆਂ ਨਵੀਂ ਵੈਰੀਬਲ ਬਣਾਓ ਨਹੀਂ

ਆਮ ਤੌਰ 'ਤੇ ਤੁਸੀਂ ਕੋਡ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ

var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;

ਇਸ ਕੋਡ ਨੂੰ ਵਰਤੋ

document.getElementById("demo").innerHTML = firstName + " " + lastName

ਜੈਵਾਸਕ੍ਰਿਪਟ ਲੋਡ ਦੇਰੀ

ਪੰਨੇ ਦੇ ਨੇੜੇ ਸਕ੍ਰਿਪਟ ਰੱਖੋ, ਤਾਕਿ ਬਰਾਉਜ਼ਰ ਪਹਿਲਾਂ ਪੰਨਾ ਲੋਡ ਕਰੇ。

اسکریپٹ ڈاؤن لوڈ کئے جانے کے دوران، براوزر کوئی دیگر ڈاؤن لوڈ نہیں شروع کردیتا۔ اور تمام پارسی کاری اور رینڈرنگ سرگرمیاں بھی مسدود ہو سکتی ہیں۔

HTTP معیارات کا تعریف یہ کہتا ہے کہ براوزر دو نوعیت سے زیادہ عناصر کو بیکار نہیں ڈاؤن لوڈ کر سکتا ہے۔

اسکریپٹ تگ میں استعمال کئے جانے والی ایک آپشن یہ ہے 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 لفظ جس پر رفتار پر منفی اثر پڑتا ہے۔ وہ بھی JavaScript کے دائرہ کار کو مشکل بنادیتا ہے۔

سخت موڈ میںمنع شدہ with کی لفظ