ရေနည်းနည်းသုံးသော ဆိုက်

ဝက်ဘ်ဆိုက်တစ်ခုက ရေကို ဘာကြောင့်သုံးတာလဲ

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

ရိုးရှင်းပြီး အခမဲ့ ခြေလှမ်း ၁၀ ချက်

1. ပိုမိုအလင်းရောင် ရုပ်ပုံများ: WebP သို့မဟုတ် AVIF, မှန်ကန်သောအရွယ်အစား, နှင့်အတူ srcset ဒီတော့ ဖုန်းတွေဟာ အသေးစားဗားရှင်းကို ရပါတယ်။
2. ပျင်းရိတဲ့ ဝန်ဆောင်မှု loading="lazy" ပြီးတော့ decoding="async" အပြင်ဘက်က ပုံတွေ အတွက်ပါ။
3. အဝေးကြီး ကေရှ်: Cache Control: max-age=31536000, မပြောင်းလဲနိုင် ဗားရှင်းတိုင်းမှာ နာမည်ပြောင်းတဲ့ ဖိုင်တွေအတွက်ပါ။
4. Static site နဲ့ CDN: fixed pages တွေကို visitor နီးကပ်စွာ serve လုပ်ပေးပြီး visitor တစ်ခုချင်းမှာ အလုပ်မလုပ်ပါဘူး။
5. အလိုအလျောက် ဗီဒီယို သို့မဟုတ် အသံမပါဘဲ၊ လူက ကလစ်နှိပ်လိုက်တဲ့အခါသာ တီးခတ်ပါ။
6. JavaScript နည်းလာပါသည်- အသုံးမပြုသေးသော အရာများကို ဖယ်ရှားပြီး ကျန်သော အရာများကို လိုအပ်သော စာမျက်နှာတွင်သာ တင်ပါ။
7. ဂုဏ်ယူခြင်း prefers-reduced-motion tab ကို ပုန်းထားတဲ့အခါ Animation တွေကို ရပ်လိုက်ပါ
8. သုံးဖက်သုံး ဆန်းကရစ်တွေ နည်းပါးတယ်၊ ခြေရာခံကိရိယာတွေ ဒါမှမဟုတ် မလိုတဲ့ ဝီဂျက်တွေ မရှိဘူး။
9. စာလုံးပေါင်း: အလေးချိန်နည်း, WOFF2, အက္ခရာအလိုက် ခွဲထားတယ်။
10. တိုင်းတာချက်: EcoIndex လို ကိရိယာတစ်ခုနဲ့ စာမျက်နှာတွေကို အရင်နဲ့ နောက်မှာ စမ်းသပ်ပါ။

Lapis လုပ်တာ

• CDN တစ်ခုမှာ တည်ငြိမ်တဲ့ စာမျက်နှာတွေ၊ ဒေတာဘေ့စ်မရှိ၊ AI မရှိဘူး။
• WebP ပုံရိပ်များကို အရွယ်အစားသုံးမျိုး (srcset) ဖြင့် ပထမမျက်နှာပြင်အောက်တွင် ပျင်းရိစွာ တင်ထားသည်။
• WOFF2 font ကို အက္ခရာအလိုက် ခွဲထားပြီး လိုအပ်တဲ့ အက္ခရာအက္ခရာပဲ ဒေါင်းလုပ်ထားတာပါ။
• ခြေရာခံကိရိယာတွေ မပါဘူး၊ ကြော်ငြာတွေ မပါဘူး၊ အလိုအလျောက် ဗီဒီယိုတွေ မပါဘူး။
• ဂိမ်းအနိတ်တွေဟာ tab ကို ပုန်းထားတဲ့အခါ ရပ်လိုက်ပြီး reduce motion ကို လေးစားပါတယ်။

ပထမအဝန်ဆောင်မှုမှာ တိုင်းတာတဲ့အလေးချိန် (ဖုန်း ၃၉၀ px)

စာမျက်နှာ	အရင်က	နောက်ပိုင်း
Accueil /fr/	486 KB	487 KB
ဂျူ /fr/jeu/	381 KB	382 KB
ဂီတ /fr/ဂီတ/	217 KB	218 KB

အရင်းအမြစ်များ

• W3C Web Sustainability လမ်းညွှန်ချက်များ
• Green Web Foundation ကို ကို ကို ကို ကို ကို ကို ကို ကို
• GreenIT.fr EcoIndex
• MDN ပျင်းရိတဲ့ ဝန်ဆောင်မှု

ဒီလမ်းညွှန်က အခမဲ့ပါ။ ထုတ်ကုန်တစ်ခုမှ မတိုင်ပင်ပါ။

အခမဲ့ ကိရိယာ: စာမျက်နှာ စစ်ဆေးရန် ကို ကို

ကျွန်တော်တို့ရဲ့ အခမဲ့ ကိရိယာတွေအားလုံး