Core Web Vitals ရှင်းလင်းချက်: LCP, CLS, INP

Core Web Vitals ဆိုသည်မှာ သင်၏ ဝဘ်ဆိုက်တွင် လက်တွေ့သုံးစွဲသူ အတွေ့အကြုံကို တိုင်းတာရန် Google ကိုယ်တိုင် သတ်မှတ်ထားသော မက်ထရစ် သုံးခုဖြစ်သည် — မည်မျှ မြန်မြန် တင်သည်၊ တင်နေစဉ် မည်မျှ တည်ငြိမ်သည်၊ နှင့် တစ်ယောက်ယောက် ၎င်းနှင့် ထိတွေ့သောအခါ မည်မျှ တုံ့ပြန်ကောင်းသည်ဆိုသည်တို့ကို တိုင်းတာသည်။

၎င်းတို့သည် Google ၏ အဆင့်သတ်မှတ်ချက် signal များ၏ တစ်စိတ်တစ်ပိုင်းဖြစ်သည် — အကြီးဆုံး အချက်မဟုတ်သော်လည်း ညံ့ဖျင်းသော ရမှတ်များသည် ကောင်းမွန်စွာ optimize လုပ်ထားသော စာမျက်နှာတစ်ခုကို နောက်ကျနေစေနိုင်သည်။ မည်သည့် မက်ထရစ်က ဘာကို တိုင်းတာသည်နှင့် မည်သို့ ပြင်ဆင်ရမည်ဆိုသည်ကို ဤတွင် အတိအကျ ဖော်ပြထားသည်။

Core Web Vitals သုံးခု

ကောင်းသော ရမှတ်ဆိုသည်မှာ ဘာလဲ?

မက်ထရစ်	ကောင်း	တိုးတက်မှု လိုအပ်	ညံ့
LCP	≤ 2.5s	2.5s – 4s	> 4s
CLS	≤ 0.1	0.1 – 0.25	> 0.25
INP	≤ 200ms	200ms – 500ms	> 500ms

ညံ့ဖျင်းသော LCP ကို မည်သို့ ပြင်ဆင်ရမည်နည်း

• Hero ပုံများကို ချုံ့ပြီး သင့်တော်သော အရွယ်အစားဖြင့် သုံးပါ (WebP ကဲ့သို့ ခေတ်မီသော format များ သုံးပါ)
• Font များနှင့် hero ပုံကဲ့သို့ အရေးကြီးသော asset များကို preload လုပ်ပါ
• ကနဦး စာမျက်နှာ တင်ချိန်တွင် render-blocking CSS နှင့် JavaScript များကို ဖယ်ရှားပါ
• သင့် ပရိသတ်များ ဦတည်ရာ နေရာ ကျယ်ဝန်းပါက CDN တစ်ခု သုံးပါ
• နှေးကွေးသော server တုံ့ပြန်ချိန်များကို (Time to First Byte) တိုးတက်အောင် ပြုပြင်ပါ

ညံ့ဖျင်းသော CLS ကို မည်သို့ ပြင်ဆင်ရမည်နည်း

• ပုံများနှင့် ဗီဒီယိုများတွင် အမြဲတမ်း ရှင်းလင်းသော width နှင့် height attribute များ သတ်မှတ်ပါ
• ကြော်ငြာများနှင့် embed များအတွက် ၎င်းတို့ တင်မတင်ခင် နေရာ ကြိုတင်ထားပါ
• ရှိပြီးသား အကြောင်းအရာ အပေါ်တွင် dynamically အကြောင်းအရာ ထည့်သွင်းခြင်းကို ရှောင်ပါ
• မြင်သာသော font-swap layout shift များ ဖြစ်မပေါ်စေဘဲ custom font များ တင်ပါ

ညံ့ဖျင်းသော INP ကို မည်သို့ ပြင်ဆင်ရမည်နည်း

• main thread ကို ပိတ်ဆို့သော ရှည်လျားသည့် JavaScript task များကို ခွဲထုတ်ပါ
• interaction ပေါ်တွင် မလိုအပ်သော JavaScript execution ကို လျှော့ချပါ
• အရေးမကြီးသော script များကို စာမျက်နှာ interactive ဖြစ်ပြီးနောက်အထိ ရွှေ့ဆိုင်းပါ
• main thread အတွက် ယှဉ်ပြိုင်သော လေးလံသည့် third-party script များကို ရှောင်ပါ

သင်၏ ရမှတ်များကို မည်ကဲ့သို့ စစ်ဆေးရမည်နည်း

အမှန်တကယ် သုံးစွဲသူများထံမှ စုဆောင်းထားသော လက်တွေ့ ဒေတာအတွက် (အယုံကြည်ရဆုံး အရင်းအမြစ်) Google Search Console ၏ Core Web Vitals အစီရင်ခံစာ ကို သို့မဟုတ် မည်သည့် တစ်မျက်နှာ၏ ချက်ချင်း lab test အတွက် PageSpeed Insights ကို သုံးပါ။

မကြာခဏ မေးလေ့ရှိသော မေးခွန်းများ