မဂၤလာပါခင္ဗ်ာ :::: ကၽြန္ေတာ္တင္သမွ် Post ေလးမ်ားသည္ ကၽြန္ေတာ္ေလ႕လာဖူးသမွ်ကို ျပန္လည္မွ်ေ၀ေပးျခင္းျဖစ္ပါတယ္။ သူငယ္ခ်င္းအားလံုးလည္း ကၽြန္ေတာ္႕ site မွႀကိဳက္ႏွစ္သက္တဲ႕ မည္႕သည္႕ Post ကိုမဆို ျမန္မာ IT နည္းပညာဖြံ႕ၿဖိဳးတိုးတက္ေရးအတြက္ ျပန္လည္မွ်ေ၀ေပးေစလိုပါတယ္ဗ်ာ။ ::::

Dashboard

Tuesday, January 15, 2013

ကိုယ္ပိုင္ Web Page တစ္ခု ရဲ႕ Loading Time ကို 50% ပိုမိုျမန္ဆန္လာေစရန္

when blog loads slow 

              ကိုယ္ပိုင္ Website တစ္ခုဟာ Web Page ေပၚမွာ တင္ထားတဲ႕ Gadget , Flash , Image ေတြ
တင္ထားတာမ်ားသြားရင္ ေႏွးေကြးေနတက္ပါတယ္။ ကၽြန္ေတာ္႕ရဲ႕ Site လည္း နည္းနည္းေတာ႕ေလး
လာတယ္ဗ်ာ။ အခုနည္းလမ္းေလးနဲ႕ ေျဖရွင္းၾကည္႕လိုက္တာ အဆင္ေျပသြားတယ္ဗ်။ အရင္ကထက္
သိပ္မေလးေတာ႕ပါဘူး။ Web Page တစ္ခုရဲ႕ Loading Time ကို 50% ေလာက္ေလွ်ာခ်ေပးႏိုင္ပါတယ္။
ဒါေၾကာင္႕အျခားေသာ သူငယ္ခ်င္းမ်ားလည္း ကိုယ္႕ရဲ႕ Web Page ကေလးေနတယ္ဆိုရင္ ေျဖရွင္းဖုိ႕အ
တြက္မွ်ေ၀ေပးလိုက္ပါတယ္ဗ်ာ။ ျပဳလုပ္ပံုအဆင္႕ဆင္႕ကိုလည္း ေအာက္မွာပံုနဲ႕တကြရွင္းျပေပးလိုက္ပါ
တယ္ေနာ္။

Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ 
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။

ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။

 
 
ပထမဦးဆံုးအေနနဲ႕ မိမိရဲ႕ Template ကိုအရင္ဆံုး Backup လုပ္ထားလိုက္ပါေနာ္။
 
အဆင္႕ 1 Design > Edit HTML > Expand Widget Templates မွာအမွန္ျခစ္ေပးပါ။
အဆင္႕ 2 Ctrl + F ကိုႏွိပ္ျပီး ဒီကုတ္ေလးကိုရွာပါ  </head>
အဆင္႕ 3 ေတြ႕ျပီဆိုရင္ </head> ရဲ႕ အေပၚမွာေအာက္က Code ကို ကူးထည္႕ေပးပါ။
အဆင္႕ 4 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ Error မတက္ဘူး အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။
 
 
<script type='text/javascript'>//<![CDATA[

(function(a){a.fn.lazyload=function(b){var

c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var


d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var


e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else


if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return

false}}});var
f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var


b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img


/>").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return


this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var

d=a(window).height()+a(window).scrollTop()}else{var
d=a(c.container).offset().top+a(c.container).height()}return
d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var

d=a(window).width()+a(window).scrollLeft()}else{var
d=a(c.container).offset().left+a(c.container).width()}return
d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var

d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return
d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var

d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return

d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a,

{threshold : 0, container:
window})","above-the-fold":"!$.belowthefold(a, {threshold : 0,
container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0,
container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0,
container:
window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://2.bp.blogspot.com/-qSZoOgvUXnc/UPAdKvmulFI/AAAAAAAAAlk/-etkAoXTe1s/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
 
အားလံုးဘဲအဆင္ေျပၾကပါေစေနာ္။

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...