څنګه د ورڈپریس سست بار جاوا سکریپټ رامینځته کړئ ترڅو د پاڼې رینډینګ ګړندی کړئ؟

WordPressد جاوا سکریپټ سست بار کول ترڅو د پاڼې رینډینګ میتودونه ګړندي کړي.

د JavaScript Defer ملکیت څه شی دی؟

هرڅوک شاید د دې حالت سره مخ شوي وي:

په سر کې N سکریپټونه شتون لري، او کله چې سکریپټونه پورته شي، د پاڼې رینډینګ بلاک کیږي، کوم چې معمولا خالي وي.

البته، موږ کولی شو د سرچینې کوډ په فوټر کې سکریپټ کېښودلو سره دا شاوخوا ترلاسه کړو.

په هرصورت، ځینې پیچلي پرمختیایي چاپیریال کولی شي دا ساده دنده په ځانګړې توګه پیچلې کړي.

پدې مرحله کې موږ کولی شو د Defer ملکیت وکاروو، کوم چې په جاواسکریپټ کې نسبتا نادر ملکیت دی.

تاسو ممکن هیڅکله دا ونه کاروئ، مګر د دې پیژندنې له لوستلو وروسته، زه ډاډه یم چې تاسو به یې پریږدئ.

د دې اصلي دنده دا ده چې سکریپټ ته اجازه ورکړي چې د ټولې پا pageې له پورته کیدو وروسته پارس شي ، د دې پرځای چې دا په بار کې پارس کړي ، کوم چې د سکریپټونو لپاره د بشپړ پا pageې بار سرعت چمتو کوي چې یوازې د پیښې رامینځته شوي جاواسکریپټ لري.

هو، که د سکریپټ ټاګ د ډیفر خاصیت ولري، دا به د 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";
};

• پورته کوډ یوازې کار کوي، په ویناجاواسکریپټ کوډ د WordPress لخوا معرفي شویاغېزمن به وي.

احتیاطونه

د ژوندی مخکتنې مدیریت ممکن خالي ښکاره کړي:

که تاسو پورتني کوډ کاروئ ، کله چې تاسو د ریښتیني وخت مخکتنې مدیریت خلاص کړئ (ظاهر → دودیز کول) ، دا ممکن خالي ښکاره کړي ، نو مهرباني وکړئ دا مناسب وکاروئ.

کله چې د ریښتیني وخت مخکتنې مدیریت ته اړتیا وي ، پورتني کوډ تبصره کړئ ، او د تخصیص بشپړیدو وروسته د تبصره کوډ حذف کړئ.

د PHP تبصره کوډ مثال:

/*

这里是代码 

*/