မိမိ Blog က Loading ေတာ္ေတာ္ေႏွးေနရင္

ဒီအေၾကာင္းကိုေရးျဖစ္တယ္ဆိုတာကလည္း အခု ကြ်န္ေတာ့္ Blog မွာျဖစ္ေနတာကိုေျဖရွင္းလိုက္တဲ့နည္းလမ္းေလးကိုေျပာျပခ်င္လို ့ပါ

Blog တစ္ခုက Loading Speed ေႏွးတယ္ဆိုတာအေၾကာင္းအရင္းမ်ားစြာရွိပါတယ္

ဒီထဲကအေရးၾကီးတဲ့အခ်က္ေလးေတြကိုေျပာျပသြားခ်င္လို ့ပါ
( Post ကိုဆက္မေရးခင္ေျပာခ်င္လို ့ပါ ဒီ Post ကိုေရးတယ္ဆိုတာသိပ္သိလို ့တတ္ေနလို ့မပာုတ္ပါဘူး သိထားတာေလးကိုျပန္ေ၀မွ်ခ်င္လို ့ပါ  :-)   )

အဲဆက္ေျပာျပပါမယ္ ျဖစ္ႏိုင္ရင္မိမိ Blog ကို အလွအပေတြသိပ္မလုပ္ေစခ်င္ပါဘူး ေတာ္ရံုရုိးရိုးရွင္းရွင္းေလးဆိုလဲ ေကာင္းပါတယ္
လူတိုင္းကေတာ့မိမိ Blog ကိုဆန္းခ်င္တာၾကီးပါပဲ သူမ်ားထက္ထူးခ်င္တာၾကီးပါပဲ
သို ့ေပမယ့္ ေတာ္ရံုတန္ရုံေလာက္ပဲလုပ္ၾကေပါ့  ;)
တခါတေလေတာ့လည္း လိုင္းေၾကာင့္ၾကာႏိုင္ေပမယ့္ တျခားဆိုက္၀င္တာျမန္ျပီး ကိုယ့္ Blog ကို၀င္ၾကည့္မွၾကာေနရင္ေတာ့ ေသခ်ာျပီေပါ့ 
ေနာက္တစ္ခုကေတာ့ ကြ်န္ေတာ္လည္း Googling လုပ္ျပီးမွသိလိုက္တာဗ်
မိမိအေနနဲ ့ Post ေရးတိုင္း Photo ထည့္သြင္းရင္ Blog ေပၚ Upload လုပ္တာထက္ URL နဲ ့ထည့္သြင္းတာပုိေကာင္းပါတယ္တဲ့
ျပီးေတာ့ သိတဲ့အတိုင္း လိုင္းမေကာင္းတဲ့ၾကားက Photo ေတြမ်ားေနရင္ Loading Time ကလဲပိုၾကာလာတာေပါ့
စကားမစပ္ၾကံဳတံုး Script တစ္ခုေပးမယ္ဗ် ေျပာတာေတာ့ ဒီေကာင္ကို မိမိ Template (HTML Edit) က </head> အေပၚမွာထည့္သြင္းထားရင္ မိမိ Blog ကဲ့ Loading Speed ကပိုတက္တယ္ေတာ့ဆိုတာပဲ
ဒီ Post ကဲေအာက္ဆံုးမွာေပးထားပါတယ္
အခုေတာ့ေျပာစရာရွိတာေလးနဲနဲဆက္ရြီးလိုက္အံုးမယ္  :P

ကြ်န္ေတာ့္ Blog လဲအစကေတာ္ေတာ္ Loading Time ၾကာတယ္ဗ်
ကြ်န္ေတာ္ကေတာ့ HTML ကို Format ခ်လိုက္ပါတယ္ Original Template ျပန္ျဖစ္ေတာ့မွ
ကိုယ့္ဖာသာ Background ေတြ Fonts ေတြကိုစိတ္ၾကိဳက္ျပန္ျပင္လိုက္ေတာ့တယ္
အခု Blog ကိုျပန္၀င္ၾကည့္ေတာ့အရင္လို Loading ကမၾကာေတာ့ပါဘူး  ;)
အခ်ိန္ေတာ့နည္းနည္းေပးရတာေပါ့ Blog ကုိ Customize ျပန္လုပ္ရေတာ့

Thanks For Reading
အမွားပါရင္ ေတာင္းပန္ပါတယ္   (HadeS)

Script

<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://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";

})})//]]></script>