صفحي جي رينڊرنگ کي تيز ڪرڻ لاءِ ورڈپریس سست لوڊ جاوا اسڪرپٽ کي ڪيئن ٺاهيو؟

WordPressجاوا اسڪرپٽ جي سست لوڊنگ صفحي جي رينڊرنگ طريقن کي تيز ڪرڻ لاءِ.

JavaScript جي Defer ملڪيت ڇا آهي؟

هرڪو شايد هن صورتحال سان منهن ڪيو آهي:

هيڊ ۾ N اسڪرپٽ هوندا آهن، ۽ جڏهن اسڪرپٽ لوڊ ڪيا ويندا آهن، صفحي جي رينڊنگ کي بلاڪ ڪيو ويندو آهي، جيڪو عام طور تي خالي هوندو آهي.

يقينن، اسان ان جي چوڌاري حاصل ڪري سگھون ٿا اسڪرپٽ کي سورس ڪوڊ ۾ فوٽر ۾.

بهرحال، ڪجهه پيچيده ترقياتي ماحول هن سادي ڪم کي خاص طور تي پيچيده ڪري سگهن ٿا.

هن نقطي تي اسان استعمال ڪري سگهون ٿا Defer ملڪيت، جيڪا جاوا اسڪرپٽ ۾ نسبتا نادر ملڪيت آهي.

توھان شايد ان کي ڪڏھن به استعمال نه ڪندا، پر ھن تعارف کي پڙھڻ کان پوء، مون کي پڪ آھي ته توھان ان کي ڇڏي نه سگھندا.

ان جو مکيه ڪم اهو آهي ته پوري صفحي جي لوڊ ٿيڻ کان پوءِ اسڪرپٽ کي پارس ڪرڻ جي بجاءِ، ان کي لوڊ ڪرڻ تي پارس ڪرڻ جي، جيڪا صرف ان اسڪرپٽ لاءِ مڪمل پيج لوڊ اسپيڊ مهيا ڪري ٿي جنهن ۾ صرف واقعا شروع ٿيل JavaScript شامل آهن.

ها، جيڪڏهن اسڪرپٽ ٽيگ ۾ defer انتساب آهي، ته اهو HTML صفحي کي پارس ڪرڻ کان پوءِ عمل ڪيو ويندو جيتوڻيڪ اهو سر ۾ رکيل هجي، جيڪو اسڪرپٽ کي صفحي جي تري ۾ رکڻ جي برابر آهي.

يقينن، دير جو استعمال پڻ محدود آهي، عام طور تي 2 پوائنٽن تي ڌيان ڏيو:

1) ڊفر ٿيل ڊيفر ٽائپ اسڪرپٽ بلاڪ ۾ document.write ڪمانڊ کي ڪال نه ڪريو؛

• ڇاڪاڻ ته document.write سڌو سنئون اثر پيدا ڪندو.

2) ڊفر اسڪرپٽ ۾ عالمي متغير يا افعال استعمال نه ڪريو، بشمول ڪنهن به فوري طور تي عملدرآمد اسڪرپٽ.

ورڈپریس ۾ استعمال ٿيل اسڪرپٽ ۾ Defer وصف شامل ڪريو

ورڈپریس ۾، اسان ڪيئن خودڪار طريقي سان شامل ڪري سگهون ٿا 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";
};

• مٿي ڏنل ڪوڊ صرف ڪم ڪري ٿو، مطابقجاوا اسڪرپٽ ڪوڊ ورڈپریس پاران متعارف ڪرايو ويواثرائتو ٿيندو.

احتياط

لائيو پريو مئنيجمينٽ خالي ڏيکاري سگھي ٿو:

جيڪڏھن توھان مٿي ڏنل ڪوڊ استعمال ڪريو ٿا، جڏھن توھان کوليو ٿا ريئل ٽائيم پريو مينيجمينٽ (ظاھر → حسب ضرورت)، اھو خالي ڏيکاري سگھي ٿو، تنھنڪري مھرباني ڪري ان کي مناسب طور استعمال ڪريو.

جڏهن حقيقي وقت پريو مينيجمينٽ گهربل هجي، مٿي ڏنل ڪوڊ کي تبصرو ڪريو، ۽ ڪسٽمائيزيشن مڪمل ٿيڻ کان پوءِ تبصرو ڪيل ڪوڊ حذف ڪريو.

PHP تبصرو ڪوڊ مثال:

/*

这里是代码 

*/