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 10, 2023 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 करें।

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

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

      • Blog Me Live Cricket Score Widget Kaise Add Kare

        Blog Me Live Cricket Score Widget Kaise Add Kare

      • Blogger Blog Ki Traffic Ko Kisi Dusre Blog Me Redirect Kaise Kare

        Blogger Blog Ki Traffic Ko Kisi Dusre Blog Me Redirect Kaise Kare

      • Apne Blog/Website Me Word Counter Tool Kaise Add Kare

        Apne Blog/Website Me Word Counter Tool Kaise Add Kare

      • Beginner Blogger Ko 20 Technical Things Ke Bare Me Janna Chahiye

        Beginner Blogger Ko 20 Technical Things Ke Bare Me Janna Chahiye

      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.

      Useful Articles

      Successful YouTuber Banne Ke Liye 6 Ways [Full Guide]

      Chartered Accountant (CA) कैसे बनें? चार्टर्ड अकाउंटेंट बनने की प्रक्रिया

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

      Adsense se related 30+ important questions & Answers

      Kisi Bhi Blogger Ko Link Exchange Kyu Nahi Karna Chahiye? [5 Reasons]

      Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

      WordPress Ke Text Widget Me PHP Kaise Use Kare

      Successful Blogger 5 Tariko Se INCOME Karte Hai

      7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

      Custom Email Account Ko Gmail Account Se Connect Kaise Kare [Step by Step]

      10 Chije (Things) Jo Apko Successful Blogger Banne Me Badha Degi

      Blog Ki Loading Speed Mayne (Matter) Kyu Rakhta Hai [5 Karan]

      WordPress Me Bina Plugin Ke Social Media Sharing Button Kaise Add Kare

      About Us

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

      SUBSCRIBE OUR NEWSLATTER

      हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

      Posts for WP Users:

      WordPress Header Se Unnecessary Tags Kaise Remove Kare [Better Speed & Security Ke Liye]

      WordPress Blog Ki Loading Speed Ko htaccess Se Fast Kaise Banaye

      WordPress Ke Text Widget Me PHP Kaise Use Kare

      More Posts from this Category

      DMCA.com Protection Status

      Recommended For You

      Blogger Se “Powered By Blogger” Kaise Remove Kare

      Adsense Account Me Payee name Aur Address Kaise Change kare

      Meta tags Kya Hote hai Meta Tag Blog me Kaise Add kare [Meta tag Generator Tool]

      Blogging Karne Se Pahle 8 Chije Consider Kar Lijiye

      YouTube Ke Top 10 Ranking Factors 2019

      IoT क्या है? IOT कैसे काम करता है? यह पूरी दुनियां को कैसे बदल सकती है?

      Copyright © 2023 - All rights reserved. AboutContactSitemapDisclaimer