ကၽြန္ေတာ္တို႔ အေနနဲ႔ ကိုယ္တည္ေဆာက္ထားတဲ့ Web Site ေတြကို ခုေရာ ေနာက္ေရာ သန္႔ရွင္းေရးလုပ္ဖို႔ လိုပါတယ္။ စက္ေတြကို မၾကာခဏ Defrag ခ်ေပးသလိုေပါ့ဗ်ာ။ ကိုယ့္ Site ကို ကိုယ္ ဘယ္လို check လုပ္မလဲဆိုတာနဲ႔ ပါတ္သက္ၿပီး ေလ်ာက္ ဖတ္ၾကည့္ေတာ့ online tools (၁၀) ခုရွိပါတယ္တဲ့။ အဲဒီလို check လုပ္ၿပီး ကိုယ့္ဆိုက္ကို ျပဳျပင္လိုက္မယ္ ဆိုရင္ Performance (စြမ္းေဆာင္ရည္)၊ accessibility (သံုးစြဲရလြယ္ကူမႈ)၊ compatibility (သံုးစြဲရ အဆင္ေျပမႈ) စတာေတြ တိုးလာမယ္ဆိုပါတယ္။ ၀က္သမားေတြ အတြက္ မရွိမျဖစ္ အခ်က္ (၁၀) ခ်က္ေပါ့ဗ်ာ။


WEBXACT

ဒါေလးကေတာ့ ကိုယ္ဆိုက္ အေျခခံ information (သတင္းအခ်က္အလက္) ေတြကို ေဖာ္ျပေပးပါတယ္။ ကိုယ့္ ဆိုက္ကို dial-up user တစ္ေယာက္က သံုးတဲ့ အခါ Site Loading ဘယ္ေလာက္ ၾကာမယ္ ဆိုတာေတြ ၿပီးေတာ့ ကိုယ့္ဆိုက္မွာ ျပတ္ေနတဲ့ လင့္ေတြ ဘာေတြရွိတယ္ ဆိုတာေတြ ဘယ္လင့္ေတြနဲ႔ ဆက္သြယ္ေနတယ္ ဆိုတာေတြ ဘယ္သူေတြ ဘယ္လို ၀င္ၿပီး သံုးေနၾကတယ္ ဆိုတာ ေတြကို သိႏိုင္ပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္ သံုးၾကည့္ေတာ့ အဆင္မေျပဘူးဗ်။ အဲဒီ ဆိုက္ကေတာ့ ပိတ္သြားၿပီတဲ့ဗ်။ Google Analytic ထည့္ထားရင္လည္း အဆင္ေျပႏိုင္မယ္ ထင္ပါတယ္။

CleanCSS

CSS ေတြကို သန္႔ရွင္းေရး လုပ္ခ်င္တယ္၊ ၿပီးေတာ့ အေကာင္းဆံုးျဖစ္ေအာင္ လုပ္ခ်င္တယ္၊ ၿပီးေတာ့ တိုတိုနဲ႔ ထိေရာက္ေအာင္ လုပ္ခ်င္တယ္ ဆိုရင္ေတာ့ ကၽြန္ေတာ္ေပးထားတဲ့ ကလစ္ကေန သြားစစ္ႏိုင္ပါတယ္။ အဲဒီ ဆိုက္ရဲ႔ ထူးျခားခ်က္ကေတာ့ fix errors (အမွားေတြကို ျပင္ႏိုင္တာ) ပါပဲ။ ကိုယ့္ရဲ႕ CSS coding ကို ကူးၿပီး ထည့္လိုက္ ၿပီးရင္ အဲဒီ CSS ကိုယ္ သံုးထားတဲ့ ကိုယ့္ဆိုက္ လိပ္စာကို ထည့္လိုက္တာနဲ႔ အားလံုး ျပည့္စံုေအာင္ စီစဥ္ ျပဳျပင္ထားတဲ့ ကိုယ့္ အတြက္ CSSဗားရွင္း တစ္ခု ထြက္လာပါလိမ့္မယ္။ အဲဒီလုိလုပ္ၿပီး သံုးမယ္ဆိုရင္ ၂၅% ေလာက္ေတာင္ ျမန္လာတယ္ဆိုပဲဗ်။ CSS Errors ေတာ္ေတာ္မ်ားမ်ားကိုလည္း ရွင္းၿပီးသားျဖစ္သလို၊ Coding ေတြကိုလည္း Compress လုပ္ၿပီးသား ထြက္လာပါတယ္တဲ့။ တကယ့္ ဆရာႀကီးေတြကေတာ့ သံုးစရာလိုခ်င္မွ လိုမွာပါ။ ကၽြန္ေတာ္တို႔ အတြက္ကေတာ့ သံုးလို႔ အဆင္ေျပမွေျပပဲ။


W3C CSS Validator

ဒီေကာင္ကလည္း CSS ကိုစစ္တာပါပဲ။ ဒါေပမယ့္ သူ႔ရဲ႕ထူးျခားခ်က္ကေတာ့ Browser အားလံုးမွာ သံုးလို႔ရတဲ့ CSS ျဖစ္ေအာင္ စစ္တာဗ်။ စမ္းၾကည့္ပါ။

W3C Markup Validator

ဒါကေတာ့ ဆရာအက်ဆံုး စမ္းသပ္ေရးပဲဗ်။ ဒီေကာင္နဲ႔ စစ္ၿပီးလို႔ Errors တစ္ခုမွ မရွိဘူးဆိုရင္ေတာ့ ခင္ဗ်ား Site ကို ေျခာက္ပစ္ကင္းသဲလဲစင္ ျဖစ္ၿပီလို႔ ေျပာလို႔ရတယ္ဗ်။ ဒီ Web Tool နဲ႔ Google ကို စစ္လိုက္တာ Errors ၃၁ ခု ေတြ႔တယ္ဆိုပဲ။ စမ္းၾကည့္ပါ။

TAW3

ဒါကေတာ့ Web Site ကိုၾကည့္ရႈသူတို႔ ဖက္က ျမင္ရမယ့္ ကိုယ္ဆိုက္ Design ကို စစ္ၾကည့္တာဗ်။ mmopenxteam ကို ထည့္ၾကည့္တာ ေရေရလည္လည္ စိတ္ေလသြားတယ္။

WAVE

ဒီ Visual Tool ကေတာ့ဗ်ာ ကိုယ့္ဆိုက္ရဲ႕ Flow ကို ၾကည့္ႏိုင္ပါတယ္။ ဥပမာဆိုရင္ေတာ့ headings, divs, keywords, alt text, javascript ကို စစ္ေဆး ၾကည့္ႏိုင္တယ္ဗ်။

BrowserShots


ဒါကေတာ့ဗ်ာ Browser ေပါင္းစံုမွာ ကိုယ့္ဆိုက္ ဘယ္လိုျဖစ္မယ္ဆိုတာကို စမ္းေပးတဲ့ Visual Tool ပါ။ ကၽြန္ေတာ္တို႔ အေနနဲ႔ Browser ေတြ အကုန္လံုး စက္ထဲမွာ Install လုပ္ထားစရာ မလိုေတာ့ဘူးေပါ့ဗ်ာ။ ScreenShot ေတာင္ရႏိုင္တယ္ဗ်။ Windows Platform, Linux Platform, Mac Platform ေတာ္ေတာ္စံုစံုရႏိုင္ပါတယ္ဗ်ာ။

ReadyMobi

ဒါကေတာ့ ကိုယ့္ Web Site ကို Mobile ဖုန္းမွာ အဆင္ေျပႏိုင္မလား ဆိုတာ စမ္းသပ္ ႏိုင္ပါတယ္တဲ့။ ခုေနာက္ပိုင္း 3G ဖုန္းေတြ အတြက္ အဆင္ေျပမလားေပါ့ဗ်ာ။ ဒီဆိုက္ကေတာ့ ကိုယ့္ Web Site ကို Mobile ဖုန္း Ready ျဖစ္ေအာင္ ဘယ္လို လုပ္မလဲဆိုတာ ညႊန္ျပ ေပးပါလိမ့္မယ္ဗ်ာ။

Pingdom

ဒါကေတာ့ ေတာ္ေတာ္ေလးကို ေကာင္းတဲ့ tool တစ္ခုပါခင္ဗ်။ အဓိက ေဖာ္ျပေပးႏိုင္တာကေတာ့ ကိုယ့္ Web Site ရဲ႕ Loading Speed ကိုပါ။ တစ္ခုျခင္းစီကို Graph နဲ႔ျပတာ ဗ်ဳိ႕။ သံုးၾကည္လိုက္ ႀကိဳက္မွာပါ လို႔ ေျပာလို႔ရတယ္ဗ်။

Readability Test

ဒါကေတာ့ ကိုယ္ေရးထားတဲ့ Web Site ကို လူနားလည္လားလို႔ စမ္းၾကည့္တာဗ်။ ကိုယ္ေရးတုန္းကေတာ့ ကိုယ့္ဘာသာ နားလည္တယ္။ သူမ်ားသံုးေတာ့ ဘယ္ေလာက္ နားလည္ ႏိုင္မလဲဆိုတာ စမ္းသပ္ ၾကည့္ႏိုင္ပါတယ္ဗ်ာ။

Posted in: ဗဟုသုတ