BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

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

Last Updated on January 5, 2021 by Md Arshad Noor Leave a Comment

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 होगी।

         अगर आप एक 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 जरूर करें।

      You May Also Like

      • Blogspot Blog Ko Private Kaise Banate Hai

        Blogspot Blog Ko Private Kaise Banate Hai

      • Blogger Me Godaddy Se Kharida Hua Domain Kaise Point (Setup) Kare

        Blogger Me Godaddy Se Kharida Hua Domain Kaise Point (Setup) Kare

      • Kisi Bhi Blogger ya WordPress Blog Ka Theme/Template Kaise Check Kare

      • Blog Me Live Cricket Score Widget Kaise Add Kare

        Blog Me Live Cricket Score Widget Kaise Add Kare

      About Md Arshad Noor

      हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

      Leave a Reply Cancel reply

      Your email address will not be published. Required fields are marked *

      Please do not spam! otherwise your comment will be removed.

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

      Get it on Google Play

      Useful Articles

      Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

      Revenue Hits kya hai aur isme Account kaise banaye

      Blogspot Blog me Country Specific Redirect Disable kaise Kare

      Spam Mail Sender Se Unsubscribe Karke Spam Mail Se Kaise Bache

      Google Me Search Karne Ke Top 10 Tips & Trick – [Get Right Results Fast]

      Google Search Results Me Blog Ke Sabhi Posts Me Star Rating Kaise Dikhaye

      Blog Homepage Me Only Post Title Kaise Dikhaye

      Blogging me fail hone ka 10 sabse Bada Karan

      Social Media se More Traffic Pane ke Liye 10 Important Tips

      Quora Se Blog Ki Traffic Kaise Badhaye? 5 Tips

      Blog Post me Keyboard key kaise lagaye

      YouTube Se PR9 Dofollow Backlink Kaise Receive Kare

      Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

      About Us

      mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

      SUBSCRIBE OUR NEWSLATTER

      हमारे ब्लॉग के रेगुलर विजिटर हो तो अभी Subscribe कर लीजिए ताकि आप हमारे नए पोस्ट को सबसे पहले पढ़ पाएँ!

      Posts for WP Users:

      Blog Homepage Layout Post Me Ads Kaise Lagaye [2 Method]

      WordPress Blog Ki Database Prefix Ko Manually Change Kaise Kare (Without Plugin)

      Hacker Kisi WordPress Site Ko Hack Kaise Karte Hai [5 Methods]

      WordPress Me Spam Comment Se Bachne Ke Liye 10 Smart Ways

      WordPress Me Without Plugin Post Ke Bich Me Ads Kaise Dikhaye

      More Posts from this Category

      Recommended For You

      15 Lessons Jo Mene 5 Saal (Years) Ki Blogging Journey Me Seekha

      Super Computer क्या है? इसके फायदे और इसका उपयोग कहाँ होता है?

      Hot Linking Kya hai? Htaccess Ke Dwara Hot Linking Protection Kaise Kare

      Adsense Account Me Payee name Aur Address Kaise Change kare

      WordPress Blog Ke Sabhi External Links Me Nofollow Kaise Add Kare

      Blogspot Blog ka Backup kaise lete hai

      WordPress User Roles Ke Bare Me Puri Jankari [With Customization]

      Google Se Blog Ki Kisi Bhi URL Link Ko Remove Kaise Kare

      WordPress Blog Post URL Ke Last Me .html Kaise Add Kare Aur Q Kare

      Copyright © 2020 - All rights reserved.AboutContactSitemapDisclaimer