စာမျက်နှာ rendering ကိုအရှိန်မြှင့်ရန် WordPress ကိုပျင်းရိစေရန် JavaScript ကိုမည်သို့လုပ်မည်နည်း။

WordPressစာမျက်နှာတင်ဆက်ခြင်းနည်းလမ်းများကို အရှိန်မြှင့်ရန် JavaScript ကို ပျင်းရိစွာတင်ခြင်း။

JavaScript ၏ Defer ပိုင်ဆိုင်မှုဆိုသည်မှာ အဘယ်နည်း။

ဒီအခြေအနေကို လူတိုင်းကြုံဖူးကြမှာပါ။

ဦးခေါင်းတွင် N script များရှိပြီး script ကိုတင်သောအခါ၊ ၎င်းသည် အများအားဖြင့် ဗလာဖြစ်နေသည့် စာမျက်နှာကို တင်ဆက်ခြင်းကို ပိတ်ဆို့သွားမည်ဖြစ်သည်။

ဟုတ်ပါတယ်၊၊ အောက်ခြေမှတ်စုမှာ script ကို source code ကိုထည့်ခြင်းဖြင့်၎င်းကိုကျွန်ုပ်တို့နားလည်နိုင်သည်။

သို့သော်၊ အချို့သော ရှုပ်ထွေးသော ဖွံ့ဖြိုးတိုးတက်မှုပတ်ဝန်းကျင်များသည် ဤရိုးရှင်းသောလုပ်ငန်းကို အထူးရှုပ်ထွေးစေနိုင်သည်။

ဤအချိန်တွင် ကျွန်ုပ်တို့သည် JavaScript ရှိ အတော်လေးရှားပါးသောပိုင်ဆိုင်မှုဖြစ်သည့် Defer ပိုင်ဆိုင်မှုကို အသုံးပြုနိုင်ပါသည်။

သင်ဘယ်တော့မှ မသုံးဖြစ်နိုင်ပေမယ့် ဒီနိဒါန်းကိုဖတ်ပြီးရင် ချန်ထားမှာမဟုတ်ဘူးဆိုတာ သေချာပါတယ်။

၎င်း၏ အဓိကလုပ်ဆောင်ချက်မှာ စာမျက်နှာတစ်ခုလုံးကို တင်ဆောင်ပြီးနောက် ဇာတ်ညွှန်းကို ခွဲခြမ်းစိပ်ဖြာခြင်းမပြုဘဲ၊ ၎င်းကို load တွင် ခွဲခြမ်းစိတ်ဖြာမည့်အစား အဖြစ်အပျက်-အစပျိုးထားသော JavaScript များသာ ပါဝင်သော scripts များအတွက် စာမျက်နှာအပြည့်တင်နိုင်သော မြန်နှုန်းကို ပေးဆောင်ရန်ဖြစ်သည်။

ဟုတ်ကဲ့၊ script tag တွင် defer attribute ပါပါက၊ ၎င်းသည် စာမျက်နှာ၏အောက်ခြေတွင် script ကိုထည့်ခြင်းနှင့်ဆင်တူသည့် head တွင်ထည့်ထားသော်လည်း HTML စာမျက်နှာကိုခွဲခြမ်းစိတ်ဖြာပြီးနောက် ၎င်းကိုလုပ်ဆောင်မည်ဖြစ်သည်။

ဟုတ်ပါတယ်၊ နှောင့်နှေးမှုကိုလည်း ကန့်သတ်ထားပြီး၊ များသောအားဖြင့် အချက် ၂ ချက်ကို အာရုံစိုက်ပါ။

1) ရွှေ့ဆိုင်းထားသော defer type script block တစ်ခုတွင် document.write command ကို မခေါ်ပါနှင့်။

• document.write သည် တိုက်ရိုက် output effect ကိုထုတ်ပေးသောကြောင့်ဖြစ်သည်။

2) ချက်ချင်းလုပ်ဆောင်မှု script များအပါအဝင် Defer scripts များတွင် global variables သို့မဟုတ် functions များကို အသုံးမပြုပါနှင့်။

WordPress တွင်အသုံးပြုသည့် script တွင် Defer attribute ကိုထည့်ပါ။

WordPress တွင်၊ WordPress အသုံးပြုသော script များသို့ Defer attribute ကို မည်သို့ အလိုအလျောက် ထည့်နိုင်မည်နည်း။

ကျွန်ုပ်တို့သည် လက်ရှိအခင်းအကျင်း၏ 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 မှမိတ်ဆက်ထားသော JavaScript ကုဒ်ထိရောက်လိမ့်မည်။

ကြိုတင်ကာကွယ်မှုများ

တိုက်ရိုက်ကြည့်ရှုခြင်း စီမံခန့်ခွဲမှုသည် ကွက်လပ်ကို ပြသနိုင်သည်-

အထက်ဖော်ပြပါ ကုဒ်ကို သင်အသုံးပြုပါက၊ သင်သည် အချိန်နှင့်တစ်ပြေးညီ အစမ်းကြည့်ရှုခြင်း စီမံခန့်ခွဲမှု (ပုံပန်းသဏ္ဍာန် → စိတ်ကြိုက်ပြင်ဆင်ခြင်း) ကိုဖွင့်သောအခါတွင် ၎င်းသည် ဗလာဖြစ်နေမည်ဖြစ်သောကြောင့် ၎င်းကို သင့်လျော်သလို အသုံးပြုပါ။

အချိန်နှင့်တစ်ပြေးညီ အစမ်းကြည့်ရှုခြင်း စီမံခန့်ခွဲမှု လိုအပ်သောအခါတွင်၊ အထက်ဖော်ပြပါ ကုဒ်ကို မှတ်ချက်ပေးကာ စိတ်ကြိုက်ပြင်ဆင်မှုပြီးမြောက်ပြီးနောက် မှတ်ချက်ပေးထားသောကုဒ်ကို ဖျက်ပါ။

PHP မှတ်ချက်ကုဒ် ဥပမာ-

/*

这里是代码 

*/