Blogspot me Image Ko Fastly Loading kaise Banaye  [Super Trick]

Blog की Slowness से आपके Visitors & SEO  दोनों पर effect पड़ता है। आपको पता है इससे आपके blog की traffic बहुत ज्यादा कम होगी। अगर आप अपने Blog में ज्यादा Images का use करते हो हो i sure आपके Blog की loading काफी slow होगी. अगर सच में आपके Blog की loading time ज्यादा Images की वजह से बहुत slow है तो आप निश्चिंत हो जाइये हम आपको इस Post में इसके बारे में बताने वाले है।

Blogspot blog me image ko fastly loading kaise karwaye is trick se how to make you blpg image fast loading.
Blogger Blog में एक तो Image store करने के लिए बहुत ही कम storage होती है और second ये की अगर आप Blogger ब्लॉग के एक post 3-4 image use किये तो इससे आपके Blog की Loading time बहुत ज्यादा slow हो जाती है। जिससे visitors आपके Blog में आने के लिए पहले सोचते है।

आपके Blog की loading time SEO का बहुत मत्वपूर्ण हिस्सा है। अगर आपके Blog की loading time Slow होगी तो simple है की आपके Blog की traffic बहुत ज्यादा Low होगी . वही अगर आपके Blog की loading time speed है तो just opposite की आपके blog में traffic अच्छी आती होगी। 
वैसे आप सब से में एक बात और कहना चाहूंगा की Image को Blog में upload करने से पहले उसकी size कम कर दीजिए। जिससे Size कम होगी तो loading भी जल्दी होगी।
आपने कभी WordPress से related post पढ़ते time देखा होगा या आप नहीं जानते हो तो में आपको बता रहा हूँ की जिस तरह WordPress में लोग image को optimize करने के लिए ज्यादा तर Smush it plugin को use किया जाता है। उसी तरह यहाँ पर में आपको Script को अपने Blog में Add करना होगा. जिससे आपके Blog की image fastly loading होगी।

See also  Blogspot Blog me Error 404 Not Found Ko Custom Redirect Kaise Kare

         अगर आप एक WordPress user हो तो आप Smush it को use कर सकते है। इसमें free और Premium दोनों version है।  में भी अपने Blog में कुछ time से इसको use कर रहा हूँ और मुझे इससे काफी benifits मिले है।

Blog की image को fast loading कैसे बनाये।

अब में आपको कुछ steps बता रहा हूँ जो की बहुत ही साधारण है. I hope आप इन steps को आसानी से follow कर पाओगे। अगर आपको इसमें कही परेशानी हो तो हमें comment में बताये जरूर।

Step 1: Blogger में login करके Blog के Dashboard में जाइये।

  1. अब template पर click कीजिए
  2. अब Edit HTML पर click करें।

Step 3: अब CTRL+F बटन का उपयोग करके </head> को search कीजिए।

Step 4: अब </head> के just पहले निचे दिया गया code को Past कर दीजिए।

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>
  • अब Template को Save कर दीजिए







      Note:»दोस्तों ये Script Add करने के बाद आपके Blog की Image loading बहुत जल्दी होगी। पर याद रहे की इस Script को Add करने के बाद अगर कोई आपके Blog को Open करेगा और अगर उसका Browser में Javascript  support नहीं करेगा तो Image नहीं दिखेगा।

      I hope आपको ये post अच्छी लगी होगी और अगर आपके मन में इस post से related कोई सवाल है तो हमें comment में बताये। अगर आपको मेरी मेहनत पसंद आये तो इस post को share जरूर करें।

      See also  Site Me Adsense Ads Ko Fast Loading Kaise Kare [101% Working Trick]

      Like the post?

      Also read more related articles on BloggingHindi.com Sharing Is Caring.. ♥️

      Sharing Is Caring...

      Leave a Comment

      This site uses Akismet to reduce spam. Learn how your comment data is processed.

      ×