ဆောင်းပါးလမ်းညွှန်
ဝဘ်စာမျက်နှာကို တင်သည့်အမြန်နှုန်းသည် သင့်အပေါ် သက်ရောက်မှုရှိမည်ဖြစ်သည်။လျှပ်စစ်ထောက်ပံ့ရှာဖွေရေးအင်ဂျင်တွင် ဝဘ်ဆိုဒ်SEO ဆိုသည်မှာအဆင့်သတ်မှတ်ချက်။
ဝဘ်စာမျက်နှာကို ကြိုတင်တင်ခြင်းဆိုသည်မှာ အဘယ်နည်း။
prefetch လို့ ခေါ်တဲ့ နည်းပညာတစ်ခု ရှိပါတယ်၊ တကယ်တော့ preload technique ဖြစ်ပါတယ်။
- အသုံးပြုသူတစ်ဦးသည် စာမျက်နှာတစ်ခုကို ရည်ရွယ်ချက်ရှိရှိလည်ပတ်သည့်အခါ၊ ဘရောက်ဆာသည် စာမျက်နှာကို ကြိုတင်တင်သည်။
- အသုံးပြုသူသည် လင့်ခ်ကို အမှန်တကယ် နှိပ်သောအခါ၊ အသုံးပြုသူသည် ကြိုတင်ထည့်သွင်းထားသော ကက်ရှ်မှ စာမျက်နှာအကြောင်းအရာကို တိုက်ရိုက်ဖတ်ပြီး စာမျက်နှာတင်ချိန်ကို လျှော့ချပေးသည်။
- Amazon နှင့် အခြားသူများက 100-millisecond latency သည် အရောင်း၏ 1% အတွက်ဖြစ်ကြောင်း တွေ့ရှိသော်လည်း ဝဘ်ပေါ်ရှိ latency ကို ကျော်လွှားရန် ခက်ခဲသည်။
ဝဘ်စာမျက်နှာကို ခေါ်ယူမည်။ကြိုတင်ထည့်သွင်းခြင်း၏အသုံးပြုမှုကား အဘယ်နည်း။
instant.page သည် ချက်ခြင်းကြိုတင်တင်ခြင်းကိုအသုံးပြုသည် - အသုံးပြုသူမှမနှိပ်မီ ▼ စာမျက်နှာကိုကြိုတင်တင်သည်။
- အသုံးပြုသူသည် လင့်ခ်ကို မနှိပ်မီ၊ ၎င်းတို့သည် လင့်ခ်အပေါ်တွင် နေရာယူထားသည်။
- အသုံးပြုသူသည် 65ms ကြာမြင့်သောအခါတွင် ၎င်းတို့သည် လင့်ခ်ကို နှိပ်ရန် အခွင့်အရေးရလိမ့်မည်၊ ထို့ကြောင့် instant.page သည် စာမျက်နှာကိုကြိုတင်တင်ရန်အတွက် ပျမ်းမျှအားဖြင့် 300ms ကျော်သည် ဤအချက်တွင် စတင်စတင်ပါသည်။
- မိုဘိုင်းလ်စက်ပစ္စည်းများတွင် သုံးစွဲသူများသည် စာမျက်နှာကိုကြိုတင်တင်ရန် ပျမ်းမျှ 90ms ကို ထုတ်လွှတ်ခြင်းမပြုမီ ၎င်းတို့၏ display ကို စတင်ထိတွေ့ကြသည်။
Prefetch သည် ဝဘ်စာမျက်နှာများကို ပိုမြန်စေသည်။
- လူ့ဦးနှောက်သည် လုပ်ဆောင်ချက်တစ်ခုကို ချက်ချင်းသိမြင်ရန် 100 မီလီစက္ကန့်ထက်နည်းသည်။
- ထို့ကြောင့်၊ instant.page ကိုကြိုတင်တင်ခြင်းနည်းပညာသည် သင့်ဝဘ်ဆိုဒ်ကို 3G တွင်ပင် ချက်ချင်းခံစားရစေသည် (သင်၏စာမျက်နှာကို rendering speed မြန်သည်ဟု ယူဆသည်)။
ဝဘ်စာမျက်နှာများ တင်ရာတွင် နှေးကွေးခြင်းကို မည်သို့ဖြေရှင်းမည်နည်း။
အသုံးပြုသူက ၎င်းတို့ကို လာရောက်လည်ပတ်မည့် ဖြစ်နိုင်ခြေ မြင့်မားသည့်အချိန်မှသာ စာမျက်နှာများကို ကြိုတင်ထည့်သွင်းထားပြီး သုံးစွဲသူနှင့် ဆာဗာ၏ bandwidth နှင့် CPU တို့ကို လေးစားသည့်အနေဖြင့် ထိုစာမျက်နှာအတွက် HTML ကိုသာ ကြိုတင်ထည့်သွင်းထားသည်။
- သင့်စာမျက်နှာများကို ချောမွေ့နေစေရန် ၎င်းသည် passive event နားဆင်သူများကို အသုံးပြုသည်။
- အသုံးပြုသူသည် ဒေတာကာကွယ်ရေး (ဗားရှင်း 1.2.2 အရ) ကိုဖွင့်သည့်အခါ ၎င်းကို ကြိုတင်မတင်ထားပါ။
- ၎င်းသည် 1 kB ရှိပြီး အခြားအရာအားလုံးပြီးနောက် ပေါ်လာသည်။၎င်းသည် အခမဲ့ဖြစ်ပြီး ပွင့်လင်းသောအရင်းအမြစ် (MIT လိုင်စင်) ဖြစ်သည်။
Prefetch ဝဘ်စာမျက်နှာကို အကြိုတင်ခြင်း instant.page ၏အကျိုးသက်ရောက်မှုသည် အဘယ်နည်း။
instant.page ကုဒ်ကို ထည့်သွင်းစမ်းသပ်ပြီးနောက်၊ ဝဘ်ဆိုက်ဝင်ရောက်အသုံးပြုမှုနှုန်း တိုးတက်မှုသည် အတော်လေး ကြီးမားနေသေးသည်။
- မူရင်းအားဖြင့် ၎င်းသည် ဤဆိုက်လင့်ခ်များကိုသာ ကြိုတင်တင်ရန် စစ်ထုတ်မည်ဖြစ်ပြီး အခြားဆိုက်များမှ လင့်ခ်များကို တင်မည်မဟုတ်ပါ။
- ဘယ်ဘက်ရှိ ဆောင်းပါးလင့်ခ်ကို 65ms ထက်ပိုကြာအောင် မောက်စ်က နှိပ်သောအခါ၊ ကွန်ရက်သည် ဆောင်းပါးစာမျက်နှာကို ကြိုတင်တင်မည်ဖြစ်သည်။
- 65ms ထက်နည်းသော နေရာကို ရွှေ့သည့်အခါ၊ ကြိုတင်တင်ခြင်းကို လုပ်ဆောင်မည်မဟုတ်ပါ (အနီရောင်အပိုင်း)▼
instant.page ကိုအသုံးပြုခြင်းဖြင့် သင့်ဆိုဒ်၏ PV နှင့် တောင်းဆိုမှုပမာဏကို သိသိသာသာတိုးလာစေလိမ့်မည်-
- လည်ပတ်မှုတစ်ခုလျှင် ပျမ်းမျှ ၁၃.၈၄ ရှိသည်ဟု သူငယ်ချင်းတစ်ဦးက ပြောသည်။
- အသုံးပြုပြီးနောက်၊ တစ်ဦးချင်းလည်ပတ်မှုအရေအတွက်သည် ၁၇.၄၃ သို့ တိုးလာပြီး၊ ၎င်းသည် လူတစ်ဦးလျှင် နောက်ထပ်စာမျက်နှာ ၄ ခုဖွင့်လှစ်ခြင်းနှင့် ညီမျှသည်။
ကြိုတင်ကာကွယ်မှုများ:
- အခပေး CDN များနှင့် ဆိုက်အပြည့်ဖွင့်ထားသော CDNs များကို အသုံးပြုသည့် ဘလော့ဂါများသည် သတိဖြင့် ပြုလုပ်သင့်သည်ဟု မှတ်သားသင့်သည်။
- သို့သော် စိတ်မပူပါနှင့်၊ html စာမျက်နှာများ၊ ပုံများနှင့် အခြားဖိုင်များကိုသာ ဒေါင်းလုဒ်လုပ်မည်မဟုတ်ပါ၊ ထို့ကြောင့် အသွားအလာဆုံးရှုံးမှုများစွာရှိမည်မဟုတ်ပါ။
ဝဘ်စာမျက်နှာ ကြိုတင်တင်ခြင်းနည်းပညာကို မည်သို့အသုံးပြုရမည်နည်း။
အမှန်မှာ၊ html5 ၏ link tag တွင် rel attribute တစ်ခုရှိသည်၊ ၎င်းထဲမှတစ်ခုမှာ prefetch ဖြစ်သော်လည်း စားသုံးသူအရေအတွက်မှာ နည်းပါးပါသည်။
ဤဆောင်းပါးတွင်ဖော်ပြထားသော instant.page သည် ဤနည်းပညာကိုအသုံးပြုသည့် script တစ်ခုဖြစ်သည်။
- ဤ script သည် လင့်ခ်ကို အသုံးပြုသူ မောက်စ်ကို မည်မျှကြာအောင် ချိန်ညှိမည်ကို အခြေခံ၍ ဆုံးဖြတ်ပေးမည်ဖြစ်သည်။
- 65ms ထိသောအခါ၊ အသုံးပြုသူသည် လင့်ခ်ကိုဖွင့်ရန် ထက်ဝက်အခွင့်အလမ်းရှိပြီး Instant.page သည် ဤစာမျက်နှာကို ကြိုတင်တင်သည်။
ဝဘ်စာမျက်နှာတွင် JS ဇာတ်ညွှန်းကုဒ်ကို ကြိုတင်တင်ပါ။
1) JS scripts များကို Cloudflare acceleration▼ ဖြင့် တရားဝင်ပေးဆောင်ပါ။
instant.page ကိုအသုံးပြုခြင်းသည် အလွန်ရိုးရှင်းသည်၊ သင့်ဝဘ်ဆိုဒ်သို့ အောက်ပါကုဒ်ကိုထည့်လိုက်ရုံပါပဲ။တံဆိပ်မကပ်မီ။
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>
၂) ကိုယ်ပိုင်လွတ်လပ်ခွင့်Chen Weiliangကမ်းလှမ်းချက်▼
- ဇာတ်ညွှန်းသည် ဆာဗာ၊ Instantclick-1.2.2.js တွင် နေထိုင်သည်၊ ထို့ကြောင့် အရာများကို နှေးကွေးစေမည်ကို သင်စိုးရိမ်စရာ မလိုပါ။
သင့်ဝဘ်ဆိုဒ်သို့ အောက်ပါကုဒ်ကို ထည့်ပါ။အညွှန်းရှေ့တွင်-
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
မျှော်လင့်ခြင်း Chen Weiliang ဘလော့ဂ် ( https://www.chenweiliang.com/ ) shared "ဝဘ်စာမျက်နှာ ကြိုတင်တင်ခြင်း၏ အသုံးပြုမှုမှာ အဘယ်နည်း။ သင့်အားကူညီရန် ဝဘ်စာမျက်နှာကို ကြိုတင်ခေါ်ယူခြင်း instant.page နည်းပညာ"။
ဤဆောင်းပါး၏ link ကိုမျှဝေရန်ကြိုဆိုပါတယ်:https://www.chenweiliang.com/cwl-1053.html
နောက်ဆုံးထွက်မွမ်းမံမှုများကို ရယူရန် Chen Weiliang ၏ တယ်လီဂရမ်ချန်နယ်မှ ကြိုဆိုပါသည်။
📚 ဤလမ်းညွှန်တွင် တန်ဖိုးကြီးကြီးမားမားပါရှိသည်၊ 🌟ဒါက ရှားပါးအခွင့်အရေးပါ၊ လက်လွတ်မခံပါနဲ့။ ⏰⌛💨
ကြိုက်ရင် Share ပြီး Like လုပ်ပါ။
သင်၏မျှဝေခြင်းနှင့် လိုက်ခ်များသည် ကျွန်ုပ်တို့၏ စဉ်ဆက်မပြတ်လှုံ့ဆော်မှုဖြစ်သည်။