Blogging Aur Internet Ki Sabhi Jankari

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

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

         अगर आप एक 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 like

      • Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide

        Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide

      • Blogger Me Free Forum Kaise Banaye Nabble Ke Dwara

        Blogger Me Free Forum Kaise Banaye Nabble Ke Dwara

      • Blog/Website Me Meta Tags Generator Tool Kaise Add Kare.

        Blog/Website Me Meta Tags Generator Tool Kaise Add Kare.

      • Blogger ke Har Post Me Custom Meta Description Add Karna Enable Kaise Kare

        Blogger ke Har Post Me Custom Meta Description Add Karna Enable Kaise 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 *

      Read Once before Hit

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

      Popular Now

      YouTube Me 8 Type ke Video Se Paise Nahi Kama Sakte Hai

      My First Blogging Income Report : Get 100% Motivation from It

      10 Mistake Jo Blog Ki Traffic Decrease Kar Deta Hai

      Genesis Theme Ko Manually Customize & Design Karne Ki Full Guide

      Facebook Se Dofollow Backlink Kaise Banaye [Get High Quality Backlink]

      Interesting Readings

      Blogger Blog Me WordPress Jaisa Menu Kaise Add Kare.

      Keyword Ranking Check Karne ke Liye 5 Free Online Tools

      WordPress Site Me Malicious Code Scan Kaise Kare

      Blog me Https Kyo Aur Kaise Enable Kare

      Chitika kya hai? Isme Account kaise Banaye

      Google Rank Brain Kya Hai? [All FAQ About Rank Brain]

      Affiliate Link Cloaking Kya Hai. Bina Plugin Ke Affiliate Link Cloak Kaise Kare.

      WordPress Blog Me Font Awesome Add Karne Ke 5 Easy Methods

      About Us

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

      SUBSCRIBE OUR NEWSLATTER

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

      Posts for WP Users:

      WordPress Site Ka Password Change Kaise Kare – Easy Method

      PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

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

      New WordPress User Se Puchhe Gaye 10 Popular Question [FAQ]

      Blog Me Google Forms Ko Contact Form Me Kaise Use Kare

      More Posts from this Category

      Recommended For You

      Blog Me Live Cricket Score Widget Kaise Add Kare

      Google search console Me Preferred domain (www or non www) Kaise Setup Kare

      Website/Blog ka Page Rank Increase kaise kare

      Blog Ki Traffic Kaise Badhaye? Top 10 Tips

      WordPress Categories Aur Tags Ko Search Engine Se Remove Kaise Kare

      AMP Posts/Pages Me Adsense Ads Insert Kaise Kare [Without Plugin]

      Anchor Text Kya Hai? Iske Kya Kya Types Hai Aur Ise SEO ke Liye Optimize kaise kare

      DigitaOcean Review: DigitalOcean Kya Hai? Pros & Cons

      Blog Ke Liye Perfect Niche Select Karne Ke Liye 6 Steps

      Copyright © 2019 - All rights reserved.AboutContactSitemapTools