Support Me India

  • ब्लॉग
  • ब्लॉग्गिंग
    • वर्डप्रेस
    • ब्लागस्पाट
    • वेब होस्टिंग
    • ऐडसेन्स
    • एफिलिएट मार्केटिंग
    • ईमेल मार्केटिंग
    • डोमेन रजिस्ट्रेशन
  • एसईओ
  • टेक्नोलॉजी
  • लाइफ सक्सेस
  • पैसा कैसे कमायें
  • अधिक
    • इन्टरनेट
    • बिज़नस स्टार्टअप
    • यूट्यूब
    • एजुकेशन
    • दिलचस्प तथ्य
    • सोशल मीडिया
    • सिक्यूरिटी टिप्स
  • सवाल पूछें
मुख्यपृष्ठ / ब्लॉग / ब्लागस्पाट / Blogger Blog Theme Coding Ko Compress Kaise Kare [Fast Loading]

Blogger Blog Theme Coding Ko Compress Kaise Kare [Fast Loading]

By: Yadwinder SinghLast Updated: 20 Jul, 2018

इस पोस्ट में मैं आपको Blogger Blog को Fast Loading बनाने से संबंधित जानकारी देने जा रहा हूँ क्योकि ब्लॉग की स्पीड एक Ranking Factor भी है मतलब आपके ब्लॉग की loading speed slow है तो आपके Blog Website की Search Engine कम होगी। आज मैं आपको BlogSpot Blog Theme Code HTML, CSS, Javascript को Compress करके Fast Loading बनाने के बारे में बता रहा हूँ जिससे आपका Blog Search Engines में High Rank प्राप्त कर सके।

Compress Blogger Theme Coding

ब्लॉगर ब्लॉग को स्पीड अप करने के लिए आप CSS, HTML, Javascript और Images को कॉम्प्रेस कर file  size reduce कर सकते हो। अक्सर Blogspot का इस्तेमाल करने वाले Bloggers यह जानकारी प्राप्त करना चाहते है की Blog को Fast Loading कैसे बनाया जाये।

जैसे ब्लॉगर HTML, CSS, JavaScript कोडिंग को compress कैसे करे? अधिकतर blogger template की code file optimized नहीं रहती है आप उन्हें इस पोस्ट में बताये तरीके से manually optimize कर सकते हो। चलिए जानते है Blogger HTML, CSS, Java Script Coding को Minify कैसे करे?

  • Blogger Platform Par Kya Kya Limits Hoti Hai

एक एक CSS और JavaScript Coding को Theme Coding में Search करने और उसको Minify करने में ज्यादा समय लगता है इसलिए मैं आपको ऐसा तरीका बता रहा हु जिससे आप blog template/theme की पूरी Coding (HTML, CSS, JS) को एक साथ ही Compress कर सकते हो।

विषय-सूची

  • Blogger Blog Theme Coding को Compress कैसे करे ?
      • Step 1:
      • Step 2:
      • Step 3:
      • Step 4:
      • Step 5:
      • Step 6:

Blogger Blog Theme Coding को Compress कैसे करे ?

इस Process को शुरू करने से पहले आपको अपने Blogger Blog का Theme Backup ज़रूर ले लेना चाहिए क्योकि यदि कोई Step हमसे गलत हो जाता है तो हम Backup Theme का इस्तेमाल करके ब्लॉग थीम को रिस्टोर कर सकते है। इसके लिए आप यह पोस्ट पढ़ सकते है.

  • Blogspot Blog Theme का Backup कैसे लेते है

Blogger Theme Backup लेने के बाद आप ये step by step guideline फॉलो करें।

Step 1:

  1. सबसे पहले अपने Blogger dashboard में जाकर Theme option पर क्लिक करे
  2. उसके बाद आपको Edit HTML section पर क्लिक करना है
  3. Edit HTML पर क्लिक करने के बाद आपके ब्लॉग की Theme Coding Open हो जाएगी अब आपको यह सारी Coding Copy कर लेनी है।

Copy All Code of Blogger Theme

Note:- Theme Coding को पूरा Copy करने के लिए कोडिंग में कही भी माउस से क्लिक करे और Ctrl + A कमांड का उपयोग करे जिससे सारी Coding सेलेक्ट हो जाएगी अब आप Ctrl + C button press करके all coding को कॉपी कर सकते है।

Step 2:

अब आप HTML COMPRESSOR वेबसाइट पर जाये। इसमें आपको Drag File और Paste Code का ऑप्शन मिलेगा, आपको इसमें Copy की गयी Theme Coding Paste कर देनी है ।

  1. Blogger Theme Code paste करें

Paste all code in compress tool box

Note:- Code पेस्ट करने के बाद Compress button पर क्लिक नहीं करना है अभी आपको कुछ और सेटिंग्स सेलेक्ट करनी हैं।

Step 3:

  1. Compress box के right side में Code type option में x/html drop down menu पर क्लिक करें।
  2. उसके बाद drop down menu items में से Blogger सेलेक्ट करें

Select Blogger option to compress file

Step 4:

  1. अब Code type के right side में Show Options पर क्लिक करे
  2. अब निचे दिए गए स्क्रीनशॉट के अनुसार option choose करें

Minification Features tool

अब आप Compress button पर क्लिक करे और थोडा wait करे file compress होने में कुछ second का time लगेगा।

Step 5:

Theme Coding Compress होने के बाद आप Right Side में देख सकते है की Compression Ratio percent कितना रहा है। इसके नीचे आपको Download का भी Option मिलेगा आप Download के आगे Here पर क्लिक करके Compressed Theme को XML format में Download कर सकते है।

लेकिन आप direct compress tool box से code कॉपी कर अपने ब्लॉग की theme में add कर सकते हैं।

  1. Select all button पर क्लिक कर सारे code को कॉपी कर ले

Compression Ratio perecent download and copy code

Step 6:

Compressed code को कॉपी करने के बाद आप वापिस Blogger डैशबोर्ड में आये और Theme आप्शन पर क्लिक करे।

  1. Blogger Dashboard >> Theme >> Edit HTML पर जाये
  2. अब HTML box के सारे code को remove कर compressed code पेस्ट करे
  3. code पेस्ट करने के बाद Save theme पर क्लिक कर सेटिंग सेव कर ले

Note:- आप Ctrl + A button दबाकर सारी Coding सेलेक्ट करके उसके बाद Ctrl + V button press करके all coding पेस्ट कर सकते है।

अब आप अपने Blog को Open करके देख सकते है की वह पिछली बार की तुलना में Fast Load होगा। आप Gtmetrix, pingdom और google page speed tool का इस्तेमाल करके भी देख सकते है की आपके Blog Theme का Total Page Size भी कम हो गया है और Loading Speed भी Boost हो गयी है।

तो यह थी एक Simple Trick यदि आप Blogspot Theme को और भी Fast Loading बनाना चाहते है तो यह पोस्ट ज़रूर Read करे.

  • Blogspot Blog को Fast Loading कैसे बनाये 18 Advance Tips

Important Note:- Theme को Compress करने के बाद हो सकता है की जब आप कभी Theme Coding को Edit करे तो आपको कोई Code ना मिले, ऐसा इसलिए होता है क्योकि हमने कोडिंग को कंप्रेस किया है।

यदि आप Theme Coding को Edit करना चाहते है तो आपको Backup Theme को फिर से वापिस Upload करना होगा और Editing करने के बाद उसको वापिस Compressed करके Blog में Upload करना होगा।

तो मैं उम्मीद करता हूँ की आपको यह पोस्ट पसंद आयी होगी और इससे आपके Blogspot Blog की Speed Increase भी हुयी होगी। यदि आप Blogger से Related अन्य पोस्ट भी Visit करना चाहते है तो हमारी Blogger Category की Posts को ज़रूर पढ़े।

और इस पोस्ट को Social Media पर Others Bloggers के साथ Share भी ज़रूर करे।

शेयर
  • Share on Facebook
  • Tweet on Twitter

लेखक: Yadwinder Singh

मैं Yadwinder Singh 2017 से ब्लॉग्गिंग कर रहा हूँ.मुझे लिखना पसंद है इस कारण मैं ब्लॉग्गिंग करता हूँ.मैं ब्लॉग पर बहुत से Topic पर लिखता हूँ.जैसे - Blogging,SEO,Technology,Computer,Internet,Education ETC.

आपको ये भी पढना चाहिए

  • Blogger Menu Bar Editing

    Blogger Menu Bar Ko Edit Kaise Kare Ki Jankari

  • Top 10 websites to download free template

    Blog Ke Liye Template Download Karne Ki Top 10 Websites

  • Drive blog traffic

    वेबसाइट ब्लॉग की ट्रैफिक कैसे बढ़ाये? बढ़िया तरीके

Reader Interactions

टिप्पणियाँ ( 39 )

एक टिप्पणी जोड़ें
  1. Aamir

    21 Nov, 2020 at 11:04 pm

    आपकी पोस्ट काफी अच्छी है । मुझे काफी कुछ सीखने को मिला ।

    जवाब दें
  2. Firoj khan

    13 Jul, 2020 at 9:46 pm

    Sir blogging phone se kare ya laptop se laptop se kare to to isaki kya vajah hai
    Sir plz help me

    जवाब दें
  3. Ishtiyak ansari

    12 Jul, 2020 at 12:18 pm

    Sir mere blog ki coding me bahut sari error hain kya blog ki coding ko reset kiya ja sakta hai sirai theme change karna nahi chahta
    Pleaset help me

    जवाब दें
    • Jumedeen Khan

      12 Jul, 2020 at 4:53 pm

      theme ko fir se install karlo.

      जवाब दें
  4. Pawan Kumar Gautam

    24 May, 2020 at 9:32 pm

    Sir blog ko full setup par ek post likh dijiye please.. Blogger ka blog hai.

    जवाब दें
  5. Rakesh kumar

    09 Apr, 2019 at 12:16 am

    Bahut hi achhi jankari hai apka article padhen ke bad kafi motivation milta hai ek bar article likhne ka hausla badh jata hai
    Thanks a lot for good guidance

    जवाब दें
  6. Shaukat Hayat

    18 Dec, 2018 at 7:17 pm

    Sir mere theme me 5-6 jagah adsense code laga hai, compress krne se adsense ko koi problem to nhi hoga na

    जवाब दें
    • Jumedeen khan

      19 Dec, 2018 at 5:57 pm

      Nahi.

      जवाब दें
  7. versha

    09 Oct, 2018 at 9:26 pm

    sir ye trick to km kr gai mere blog pe thankssssss a lot
    but phir bhi mere blog pe leverage broswer caching issue aa rha h isko kaise shi karu..
    please help us sir

    जवाब दें
    • Jumedeen khan

      10 Oct, 2018 at 10:09 am

      website speed checker tools iska solution btate hai wo follow karo.

      जवाब दें
  8. gagan raypariya

    14 Sep, 2018 at 2:11 pm

    code compress nhi ho rha hai site hang ho rhi h site me shyad koi problen haui, koi or tarika ho to jarur btaye

    जवाब दें
    • Jumedeen khan

      14 Sep, 2018 at 7:22 pm

      Theme change karke try karo aur jo options btaye hai usi tarike se code compress karo.

      जवाब दें
  9. Akash

    24 Aug, 2018 at 9:45 am

    Sir bahut hi informative article hai. Meri Website ki speed bhi improve ho gayi, I learned a lot....Thank You Bro

    जवाब दें
  10. sanju dangar

    02 Aug, 2018 at 7:51 pm

    hello sir, sach me aapne kamal kar diya, kyu ki jisko coding ki jyada knowledge na ho vo theme ko compress nahi kar sakte the, jaise me. aapne ye article dalke bahut hi badiya kaam kiya hai, aur sabke liye kafi useful hai, me bhi try karna chahuga, but kuchh abhi bhi doubt hai, jaise ki mere theme me adsense ke code hai ise remove kiye bina compress karna chahiye ya nahi?, aur kya HTML compress site trustable hai, is se baad me koi problem to nahi hogi, aur meri theme paid hai to kya ise compress karne ki jarurat hai. vaise fast loading hai but me aur bhi fast karna chahta hu, please aap chack karke bata sakte hai ki mere blog ki theme ko compress karne ki jarurat hai ya nahi.

    जवाब दें
    • Jumedeen khan

      03 Aug, 2018 at 8:39 am

      Isse sirf white space etc. remove kar size kam hota hai isme koi problem nahi hogi baki aap file compress kar check kar le ki aapka blog proper work kar raha hai ya nahi, Aapka blog already optimized hai.

      जवाब दें
  11. Sarita Sharma

    24 Jul, 2018 at 2:28 pm

    Wah bahut khub bahut hi acha blog hai sari jankari bahut hi details me di gyi hai aage bhi aise knowledgeable post karte rahna mai apke blog or usme di gyi sabhi jankari kafi time se follow kar rahi hu...dhanywad ji

    जवाब दें
  12. Arpan Mal

    23 Jul, 2018 at 11:12 pm

    Amazing Helpfull Artice Written. I am very much glad to read your article.

    जवाब दें
  13. sumit kumar gupta

    23 Jul, 2018 at 12:42 pm

    sir is post ke jaisa keyboard button blog me kaise add kare please reply me

    जवाब दें
    • Jumedeen khan

      23 Jul, 2018 at 4:02 pm

      Very simple, aap CSS code se design kar sakte ho.

      जवाब दें
  14. Kamal giri

    21 Jul, 2018 at 9:56 pm

    YADWINDER SINGH ji smi par ye kamal ki post share karne k liye thanks
    Jumedeen ji, code ko beautify kaise kare plz bataye

    जवाब दें
    • Jumedeen khan

      21 Jul, 2018 at 10:42 pm

      Jis code ko beatify karna hai uske name ke sath beautify word google search karo tools mil jayegi.

      जवाब दें
  15. kumar

    21 Jul, 2018 at 5:04 pm

    जब में blogspot पर काम कर रहा था तभी इसका इस्तेमाल किया था ये एक अच्छी tricks है और इससे benefit भी मिला था. थैंक्स फॉर शेयरिंग it इसी तरह गाइड देते रहे.

    जवाब दें
    • Soni

      10 Sep, 2018 at 7:58 pm

      Realy very help full post hai iske koi jawaaab nahi hai super.

      जवाब दें
  16. Jay

    21 Jul, 2018 at 7:41 am

    Bhai very nice information hai. Bahut helpful hai. Bhai Google page speed me check karne par ek optimization show kar raha "Leverage browser caching" issko fix karne ka tarika bata do bhaai. Please.....

    जवाब दें
    • Yadwinder Singh

      22 Jul, 2018 at 8:59 am

      भाई इसके बारे में मुझे अभी तक कोई जानकारी प्राप्त नहीं हुयी है,लेकिन मैं कोशिश कर रहा हूँ.Google पेज Speed Tool में Blogspot Blog को हाई स्कोर प्राप्त करने के लिए मैं जल्द ही कोशिश करूँगा की एक पोस्ट पब्लिश करू और इसके अलावा Browser Caching को fix कैसे करे इसके बारे में भी जल्द रिसर्च करके पोस्ट लिखने की कोशिश करूँगा.आप इस तरह SMI के साथ बने रहे.

      जवाब दें
  17. Sanjay jadav

    20 Jul, 2018 at 11:16 pm

    Mene is topic ko bahot dhundha hindi me par kahi par nahi mila aur aaj aapne is post ko publish karke bahot help ki hai,
    Sach me muje smi par is post ka bahot intejar tha, ye jankari muje ek jagah mili thi you tube par lekin muje us trick ko use karna sahi nahi laga kyoki you tube par log video watch karvane ke liye galat jankari bhi de dete hai, smi jaisa bharosa nahi kar sakte,

    To dil se thank you bhai,

    Mera ek saval hai mene adsense ke jo code lagaye hue hai use fir se lagana padega?

    Aisa karne se jo page load hone me jyada time lagta hai wo kam ho jata hai?

    Ye karne se blog theme ki look me koi fark aayeg? (matlab koi features remove ho jayega)

    जवाब दें
    • Jumedeen khan

      21 Jul, 2018 at 4:02 am

      Nai ad code html and javascript me hota hai wo bhi compress ho jayega fir se add karne ki jarurat nahi hai, yes file size kam hoga aur speed boost hogi, design me koi fark nahi padega.

      जवाब दें
    • Yadwinder Singh

      21 Jul, 2018 at 7:40 am

      संजय जी आपका कमेंट पढ़कर अच्छा लगा आप की ही तरह बहुत से पाठक SMI को दिल से प्यार प्रदान करते है जिससे SMI पर पाठको के लिए बढ़िया जानकारी शेयर की जाती है.आपको फिर से Adsense Ads को लगाने की ज़रूरत नहीं है.

      जवाब दें
  18. Surendra Saini

    20 Jul, 2018 at 8:22 pm

    Blogger template ko compress kar lene ke baad Kabhi agar template Ko Editing karenge toh problem aaygi . Kya uske liye koi tarika nahi hai jisse ki backup upload karne ki jarurat hi na ho .

    जवाब दें
    • Jumedeen khan

      20 Jul, 2018 at 9:47 pm

      Aap code ko beautify karke edit kar sakte ho.

      जवाब दें
    • Yadwinder Singh

      20 Jul, 2018 at 10:27 pm

      इसके लिए आप Format Theme आप्शन का इस्तेमाल कर सकते है जो आपको Blogger Theme को Edit करते वक़्त Coding के ऊपर मिल जायेगा.जिससे आप आसानी से Theme की Coding को Edit कर सकते हो.

      जवाब दें
  19. kuldeep vishnoi

    20 Jul, 2018 at 5:34 pm

    smi konsi hosting use karti hai?
    mujhe bhi hosting chahiye jo multiple domains ko manage kar sake ache traffic par bhi..

    जवाब दें
    • Jumedeen khan

      20 Jul, 2018 at 5:39 pm

      Read SupportMeIndia Par Konsi Hosting Use Hote Hai

      जवाब दें
  20. Hot Trends

    20 Jul, 2018 at 5:23 pm

    थैंक यू सर बहुत ही अच्छी टिप्स है | मेरे वेबसाइट का लोडिंग टाइम बहुत ही स्लो है ,मैं ब्लॉगर का प्रीमियम थीम यूज़

    करता हूँ | मैं आज ही आपके टिप को यूज़ करूँगा | वेबसाइट का लोडिंग fast होने से साईट का seo भी ठीक होता है

    और search रैंक भी बढ़ता है |

    जवाब दें
    • Yadwinder Singh

      20 Jul, 2018 at 7:37 pm

      Thanks For Your Comment,लेकिन आपसे एक निवेदन है की अपने नाम से ही कमेंट कीजिये क्योकि इससे कमेंट Approve होने में आसानी होती है मैं उम्मीद करता हूँ की आप आगे से कमेंट करते वक़्त इस बात का ध्यान रखेंगे.

      जवाब दें
  21. Noman Mansuri

    20 Jul, 2018 at 11:53 am

    वाह बोहोत ही अच्छी लगी जानकारी और काफी अच्छे से समझया। उम्मीद है इसका प्रयोग करके में अपने ब्लॉग की coding को customize करके अपने ब्लॉग को Fast लोडिंग स्पीड कर सकू। धन्यवाद 🙂

    जवाब दें
    • Yadwinder Singh

      20 Jul, 2018 at 12:07 pm

      कमेंट करने के लिए धन्यवाद.इसी तरह की पोस्ट आगे भी पढ़ते रहने के लिए हमारे ब्लॉग के साथ बने रहे.

      जवाब दें
  22. anoop bhatt

    20 Jul, 2018 at 11:09 am

    Bhaut hi achi jaankari share ki aapne
    jaankari dene ke liye aapka dhnyabad

    जवाब दें
    • Yadwinder Singh

      20 Jul, 2018 at 11:35 am

      Thanks Anoop ji.इसी तरह ब्लॉग को विजिट करते रहे.

      जवाब दें

अपनी प्रतिक्रिया दें। Cancel reply

Primary Sidebar

शुरुआती गाइड

ब्लॉगिंग के माध्यम से पैसे कमाने के 3 तरीका।
#पहला एक ब्लॉग बनाएँ।
#दूसरा ट्रैफिक बढ़ाएँ।
#तीसरा कमाना शुरू करें।
-: पैसे कमाना शुरू करें :-
सिर्फ ₹99/mo में होस्टिंग खरीदें!

नयी पोस्ट

  • बैंक मैनेजर कैसे बने? इसकी योग्यता, सैलरी कितनी होती है?
  • एलडीसी क्या है और लोअर डिवीजन क्लर्क (LDC) कैसे बने?
  • जेल वार्डर या जेल प्रहरी (Jail Warder) कैसे बने?
  • दोस्तों के साथ खेलने के लिए 10 सर्वश्रेष्ठ ऑनलाइन गेम्स 2021
  • संघर्ष से संबंधित कोट्स - Sangharsh Quotes in Hindi

अपडेटेड पोस्ट

  • बैंक मैनेजर कैसे बने? इसकी योग्यता, सैलरी कितनी होती है?
  • एलडीसी क्या है और लोअर डिवीजन क्लर्क (LDC) कैसे बने?
  • जेल वार्डर या जेल प्रहरी (Jail Warder) कैसे बने?
  • Free Software Download Karne Ke Liye Top 10 Websites 2021
  • Sarkari Result 2020 - सरकारी नौकरी, एडमिट कार्ड और ऑनलाइन फॉर्म की जानकारी

पोपुलर पोस्ट

  • Animated Video Kaise Banaye Top 7 Cartoon Video Maker Websites
  • WordPress Admin Bar Ko One Click Se Hide Show Kaise Kare
  • Amazon Prime Kya Hai - Amazon Prime Member Kaise Bane
  • डीएनएस (DNS) क्या है और काम कैसे करता है?
  • सीईओ क्या होता है और CEO Officer कैसे बने?

टॉपिक चुनें

  • इन्टरनेट
  • ईमेल मार्केटिंग
  • एजुकेशन
  • एफिलिएट मार्केटिंग
  • एसईओ
  • ऐडसेन्स
  • टेक्नोलॉजी
  • डोमेन रजिस्ट्रेशन
  • दिलचस्प तथ्य
  • पैसा कैसे कमायें
  • फेस्टिवल
  • बिज़नस स्टार्टअप
  • ब्यूटी टिप्स
  • ब्लागस्पाट
  • ब्लॉग्गिंग
  • मोबाइल मार्केटिंग
  • यूट्यूब
  • रिश्ते-नाते
  • लाइफ सक्सेस
  • वर्डप्रेस
  • वेब होस्टिंग
  • सिक्यूरिटी टिप्स
  • सोशल मीडिया
  • स्वास्थ्य

Footer

थोडा ब्लॉग के बारे में

यह एक हिंदी ब्लॉग है, जिसका मकसद है लोगो को हिंदी भाषा में विभिन्न जानकारी उपलब्ध कराना।

इसके अलावा हमारा एक Ask SMI फोरम भी है, जहाँ हम नए ब्लॉगर्स की मदद करते है।

अन्य महत्वपूर्ण लिंक

  • ब्लॉग
  • फ्री ब्लॉग बनाये
  • डील्स
  • पैसे कैसे कमाए
  • विज्ञापन दें
  • होस्टिंग कहा से लें
  • अस्वीकरण
  • शब्दकोश

ब्लॉग न्यूज़लेटर सब्सक्राइब करें

हमारी नवीनतम पोस्ट की सुचना पाने के लिए अभी ब्लॉग को सब्सक्राइब करे!

Powered by: Mozedia.com

कॉपीराइट © 2015–2021हमारे बारे मेंसम्पर्कगोपनीयता नीतिसाइटमैपवापस जाएँ।