پیج رینڈرنگ کو تیز کرنے کے لیے ورڈپریس کو سست لوڈ جاوا اسکرپٹ کیسے بنایا جائے؟

WordPressصفحہ پیش کرنے کے طریقوں کو تیز کرنے کے لیے جاوا اسکرپٹ کی سست لوڈنگ۔

جاوا اسکرپٹ کی ڈیفر پراپرٹی کیا ہے؟

ہر ایک کو شاید اس صورتحال کا سامنا کرنا پڑا ہے:

سر میں N اسکرپٹ ہوتے ہیں، اور جب اسکرپٹ لوڈ ہوتے ہیں، تو صفحہ کی رینڈرنگ بلاک ہوجاتی ہے، جو عام طور پر خالی ہوتی ہے۔

بلاشبہ، ہم ماخذ کوڈ میں اسکرپٹ کو فوٹر میں ڈال کر اس کے ارد گرد حاصل کر سکتے ہیں۔

تاہم، کچھ پیچیدہ ترقیاتی ماحول اس آسان کام کو خاص طور پر پیچیدہ بنا سکتے ہیں۔

اس مقام پر ہم Defer پراپرٹی استعمال کر سکتے ہیں، جو جاوا اسکرپٹ میں نسبتاً نایاب پراپرٹی ہے۔

ہو سکتا ہے آپ اسے کبھی استعمال نہ کریں، لیکن اس تعارف کو پڑھنے کے بعد، مجھے یقین ہے کہ آپ اسے نہیں چھوڑیں گے۔

اس کا بنیادی کام یہ ہے کہ اسکرپٹ کو پورے صفحے کے لوڈ ہونے کے بعد پارس کرنے کی بجائے اسے لوڈ پر پارس کرنے دیا جائے، جو اسکرپٹ کے لیے مکمل صفحہ لوڈ کرنے کی رفتار فراہم کرتا ہے جن میں صرف ایونٹ سے متحرک JavaScript ہوتا ہے۔

ہاں، اگر اسکرپٹ ٹیگ میں ڈیفر انتساب ہے، تو اسے ایچ ٹی ایم ایل پیج کو پارس کرنے کے بعد عمل میں لایا جائے گا چاہے اسے ہیڈ میں رکھا جائے، جو اسکرپٹ کو صفحہ کے نیچے رکھنے کے مترادف ہے۔

بلاشبہ، تاخیر کا استعمال بھی محدود ہے، عام طور پر 2 نکات پر توجہ دیں:

1) ڈیفرڈ ڈیفر ٹائپ اسکرپٹ بلاک میں document.write کمانڈ کو کال نہ کریں۔

• کیونکہ document.write براہ راست آؤٹ پٹ اثر پیدا کرے گا۔

2) ڈیفر اسکرپٹس میں عالمی متغیرات یا فنکشنز کا استعمال نہ کریں، بشمول کسی بھی فوری عمل درآمد اسکرپٹس۔

ورڈپریس میں استعمال ہونے والے اسکرپٹ میں Defer وصف شامل کریں۔

ورڈپریس میں، ہم خود بخود ڈیفر وصف کو ورڈپریس کے استعمال کردہ اسکرپٹ میں کیسے شامل کر سکتے ہیں؟

ہم مندرجہ ذیل کوڈ کو موجودہ تھیم کی functions.php فائل میں شامل کر سکتے ہیں ▼

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};

• مندرجہ بالا کوڈ صرف کام کرتا ہے، کے مطابقجاوا اسکرپٹ کوڈ ورڈپریس نے متعارف کرایامؤثر ہو جائے گا.

注意 事项

لائیو پیش نظارہ مینجمنٹ خالی ظاہر کر سکتا ہے:

اگر آپ مندرجہ بالا کوڈ استعمال کرتے ہیں، جب آپ ریئل ٹائم پریویو مینجمنٹ (ظاہر → حسب ضرورت) کھولتے ہیں، تو یہ خالی دکھائی دے سکتا ہے، لہذا براہ کرم اسے مناسب استعمال کریں۔

جب ریئل ٹائم پیش نظارہ کے انتظام کی ضرورت ہو تو، مندرجہ بالا کوڈ پر تبصرہ کریں، اور حسب ضرورت مکمل ہونے کے بعد تبصرہ کردہ کوڈ کو حذف کریں۔

پی ایچ پی کمنٹ کوڈ کی مثال:

/*

这里是代码 

*/