ရေနည်းနည်းသုံးသော ဆိုက်
ဝက်ဘ်ဆိုက်တစ်ခုက ရေကို ဘာကြောင့်သုံးတာလဲ
ပို့တဲ့ စာမျက်နှာတိုင်းဟာ ဆာဗာတွေနဲ့ ကွန်ရက်တွေဆီ ဖြတ်သွားပါတယ်။ ၎င်းတို့ဟာ လျှပ်စစ်သုံးပြီး ပူလာကြတယ်။ အချက်အလက်ဗဟိုဌာနများစွာဟာ ရေနဲ့ အေးခံပြီး လျှပ်စစ်ထုတ်လုပ်မှုဟာ ရေကိုပါ သုံးပါတယ်။ ဒေတာနည်းနည်းပို့ခြင်းဟာ စွမ်းအင်နည်းနည်းနဲ့ ရေနည်းနည်းကို ဆိုလိုတာပါ။
ရိုးရှင်းပြီး အခမဲ့ ခြေလှမ်း ၁၀ ချက်
- ပိုမိုအလင်းရောင် ရုပ်ပုံများ: WebP သို့မဟုတ် AVIF, မှန်ကန်သောအရွယ်အစား, နှင့်အတူ
srcsetဒီတော့ ဖုန်းတွေဟာ အသေးစားဗားရှင်းကို ရပါတယ်။ - ပျင်းရိတဲ့ ဝန်ဆောင်မှု
loading="lazy"ပြီးတော့decoding="async"အပြင်ဘက်က ပုံတွေ အတွက်ပါ။ - အဝေးကြီး ကေရှ်:
Cache Control: max-age=31536000, မပြောင်းလဲနိုင်ဗားရှင်းတိုင်းမှာ နာမည်ပြောင်းတဲ့ ဖိုင်တွေအတွက်ပါ။ - Static site နဲ့ CDN: fixed pages တွေကို visitor နီးကပ်စွာ serve လုပ်ပေးပြီး visitor တစ်ခုချင်းမှာ အလုပ်မလုပ်ပါဘူး။
- အလိုအလျောက် ဗီဒီယို သို့မဟုတ် အသံမပါဘဲ၊ လူက ကလစ်နှိပ်လိုက်တဲ့အခါသာ တီးခတ်ပါ။
- JavaScript နည်းလာပါသည်- အသုံးမပြုသေးသော အရာများကို ဖယ်ရှားပြီး ကျန်သော အရာများကို လိုအပ်သော စာမျက်နှာတွင်သာ တင်ပါ။
- ဂုဏ်ယူခြင်း
prefers-reduced-motiontab ကို ပုန်းထားတဲ့အခါ Animation တွေကို ရပ်လိုက်ပါ - သုံးဖက်သုံး ဆန်းကရစ်တွေ နည်းပါးတယ်၊ ခြေရာခံကိရိယာတွေ ဒါမှမဟုတ် မလိုတဲ့ ဝီဂျက်တွေ မရှိဘူး။
- စာလုံးပေါင်း: အလေးချိန်နည်း, WOFF2, အက္ခရာအလိုက် ခွဲထားတယ်။
- တိုင်းတာချက်: 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 ပျင်းရိတဲ့ ဝန်ဆောင်မှု
ဒီလမ်းညွှန်က အခမဲ့ပါ။ ထုတ်ကုန်တစ်ခုမှ မတိုင်ပင်ပါ။