Web Performance and Website Speed Tips, Tricks, Articles, Useful Resources & Information

Avoid 301 Website Link Redirect

အဓိက အကြောင်းအရာ - Content၀က်ဘ်ဆိုက်တစ်ခုတည်ဆောက်သည့် အခါ တခါတရံ အကြောင်းအမျိုးမျိုးကြောင့် အင်တာနက်စာမျက်နှာများကို လမ်းကြောင်းလွှဲခြင်း (Link Redirecting) ပြုလုပ်ကြရသည်။

Minifying JavaScript And CSS to Improve Websites Performance

ကွန်ပျူတာ Program Code များအတွင်းမှ မလိုအပ်သည့် Character များကို ဖယ်ထုတ်ခြင်းကို အကျဉ်းချုံးခြင်း (Minification) ဟု ခေါ်သည်။ ဤနည်းဖြင့် Program Code များ၏ အရွယ်အစားသေးငယ်လာပြီး ၀က်ဘ်ဆိုက်၏ အမြန်နှုံးတိုးတက်လာသည်။ “Code များကို အကျဉ်းချုံးခြင်း” (Code Minification) ပြုလုပ်သည့်အခါတွင် - မှတ်ချက် (Comment) များ၊ မလိုအပ်သည့် နေရာလွတ်များ (Space, Newline, Tab) - စသည်တို့ကို ဖယ်ထုတ်ပစ်ရသည်။ အောက်တွင် မြင်ရသည့် ပုံမှာ - Google (Singaore) Home page ကို Viewsource ကြည့်သောအခါတွင် မြင်ရသည့် အနေအထား ဖြစ်သည်။ Minification ပြုလုပ်ထားသည့် JavaScript များနှင့် CSS များကို ပုံတွင် တွေ့ရမည်။

Reduce DNS Lookups to improve web site performance - DNS Lookup များကို တတ်နိုင်သမျှ လျော့ချခြင်း

DNS Client and DNS Server ၀က်ဘ်ဆိုက်တစ်ခု လျင်မြန်စေရန်အတွက် DNS Lookup များကို တတ်နိုင်သမျှ လျော့ချနိုင်သည်။ Domain Name System (DNS) များတွင် ၀က်ဘ်ဆိုက်အမည်များ (Host names) ကို အင်တာနက်နံပါတ်များ (IP Addresses) များနှင့် ယှဉ်တွဲမှတ်သားထားသည်။ တယ်လီဖုန်းလမ်းညွှန် စာအုပ်များတွင် လူအမည်များနှင့် သက်ဆိုင်ရာ တယ်လီဖုန်းနံပါတ်များကို ယှဉ်တွဲမှတ်သားထားသည်နှင့် အလားတူသည်။

Using External JavaScript and CSS - JavaScript နှင့် CSS ဖိုင်များကို ပြင်ပမှ ရယူအသုံးပြုခြင်း

၀က်ဘ်ဆိုက်တစ်ခုကို လျင်မြန်စေသည့် အကြောင်းရင်းများစွာတွင် ပြင်ပမှ အစိတ်အပိုင်းများ (External Components) များကို ကိုင်တွယ် အသုံးချ စီမံခန့်ခွဲတတ်မှုလည်း ပါ၀င်သည်။ JavaScript နှင့် CSS ဖိုင်များကို

  • ပြင်ပမှခေါ်ယူအသုံးပြုခြင်း (External) နှင့်
  • စာမျက်နှာအတွင်း မြုပ်နှံထည့်သွင်း အသုံးပြုခြင်း (Inlined in the page) ဟူ၍ နည်းလမ်း နှစ်ခု ရှိသည်။

Web Developer များအနေဖြင့် ထိုနည်းနှစ်ခုအနက် မည်သည့်နည်းကို အသုံးပြုမည်ကို  အခြေခံအချက် တစ်ခုအဖြစ် ထည့်သွင်းစဉ်းစားကြရသည်။

Avoid using CSS Expressions - CSS Expressions များကို ရှောင်လွှဲ အသုံးပြုခြင်း

CSS expression များသည် CSS property များကို Dynamically သတ်မှတ်ပေးနိုင်သည့် အစွမ်းထက် (သလို အန္တရာယ်လည်းများ) သော နည်းလမ်းတစ်ခု ဖြစ်သည်။ ၄င်းတို့ကို Internet Explorer (IE) version 5 မှ စတင် အသုံးပြုနိုင်ခဲ့သည်။ ဥပမာအားဖြင့် နောက်ခံအရောင်တစ်ခုကို တစ်နာရီကြာတိုင်း တစ်ခါ အရောင်ပြောင်းစေလိုပါက CSS expressions ကို အသုံးပြုပြီး အောက်ပါအတိုင်း ရေးသားနိုင်သည်။

Expression များနှင့် ပတ်သက်ပြီး ကြုံတွေ့ရသည့် ပြဿနာမှာ - IE က ၄င်းတို့ကို အလုပ်လုပ်ပေးသည့် အခြေအနေမှာ လိုအပ်သည်ထက် ပိုများနေခြင်း ဖြစ်သည်။ အင်တာနက် စာမျက်နှာတစ်ခုကို ပုံဖော်ချိန်၊ အရွယ်အစား ပြောင်းလဲချိန်၊ အသုံးပြုနေသူများက စာမျက်နှာကို Scroll လုပ်လိုက်ချိန်နှင့် ထိုစာမျက်နှာပေါ်တွင် Mouse ကို ဖြတ်ရွှေ့လိုက်ချိန်များတွင် ပင်လျှင် Expression များကို စစ်ဆေး အလုပ်လုပ်နေခြင်း ဖြစ်သည်။

Putting Scripts at the Bottom of the Web Pages - Scripts များကို အင်တာနက်စာမျက်နှာ၏ အောက်ပိုင်းတွင်ထားရှိခြင်း

၀က်ဘ်ဆိုက်တစ်ခုတွင် Scripts (Javascripts) ဖိုင်များကြောင့် ဖြစ်ရသည့် ပြဿနာမှာ - အပြိုင်အဆိုင် ဒေါင်းလုတ် (Parallel Download) မလုပ်နိုင်စေရန် Scripts များက တားဆီးထားခြင်း - ဖြစ်သည်။ HTTP/1.1 သတ်မှတ်ချက်များတွင် အင်တာနက်ကြည့်ဆော့ဖ်၀ဲများကို - Hostname တစ်ခုမှ တစ်ကြိမ်လျှင် နှစ်မျိုးထက်ပို၍ တပြိုင်နက်ထဲ ဆွဲမချစေရန် အကြံပြုထားသည်။

Minimize HTTP Requests - HTTP Request များကို အနည်းဆုံးဖြစ်အောင် ပြုလုပ်ခြင်း

ကျွန်တော်တို့ တည်ဆောက်လိုက်သည့် ဝက်ဘ်ဆိုက်တစ်ခု၏ အမြန်နှုန်းကို ကောင်မွန်စေရန် အတွက် ပထမဆုံး စတင်ရမည့်အဆင့်မှာ - ပါရှိသည့် အင်တာနက်စာမျက်နှာများတွင် ဖြစ်လာသည့် HTTP request အရေအတွက်ကို လျော့ချခြင်း ဖြစ်သည်။ ဤနည်းမှာ ၀က်ဘ်ဆိုက်တစ်ခုကို ပထမဆုံး အကြိမ် စတင်လာရောက် လည်ပတ်သူများ အတွက် ဆိုက်၏ စွမ်းဆောင်ရည်ကို တိုးတက်စေရန် အရေးအကြီးဆုံး လမ်းညွှန်ချက် ဖြစ်သည်။

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

Putting Stylesheets at the Top of the Web Pages - Stylesheet များကို အင်တာနက်စာမျက်နှာ၏ ထိပ်ဆုံးတွင် ထားရှိခြင်း

အဓိက အကြောင်းအရာ - CSS
Yahoo! မှ အင်ဂျင်နီယာများသည် အင်တာနက်စာမျက်နှာများ၏ စွမ်းဆောင်ရည်ကို သုတေသန ပြုလုပ်သည့်အခါ - CSS Stylesheet များကို စာမျက်နှာ၏ ထိပ်ပိုင်းနေရာ HEAD တွင် ရွှေ့ပြောင်းထားရှိခြင်းဖြင့် စာမျက်နှာများကို ပိုမို လျင်မြန်စွာ မြင်တွေ့ရစေနိုင်ကြောင်း- ရှာဖွေတွေ့ရှိခဲ့ကြသည်။ အကြောင်းမှာ - အင်တာနက်ကြည့်ဆော့ဖ်ပဲက Stylesheet ကို ဦးစွာ ရရှိခြင်းကြောင့် - စာမျက်နှာကို လျင်မြန်စွာ ပုံဖော်ပြသ နိုင်သည့်အတွက် ဖြစ်သည်။

Add an Expires or a Cache-Control Header - ကုန်ဆုံးချိန် သို့မဟုတ် Cache-Control header တစ်ခု ထည့်သွင်းထားခြင်း

အဓိက အကြောင်းအရာ - Server
ဤစည်းမျဉ်းတွင် အချက်နှစ်ချက် ရှိသည်။
၁။ မပြောင်းလဲသည့် အစိတ်အပိုင်းများ (static components) အတွက် - "Never expire" အဖြစ် သတ်မှတ်ပေးခြင်း
၂။ ပြောင်းလဲနေသည့် အစိတ်အပိုင်းများ (dynamic components) အတွက် - သင့်လျော်သည့် Cache-Control header တစ်ခုကို သတ်မှတ်ပေးခြင်း

Pages

Featured Articles