Support Me India

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

by: ,

इस पोस्ट में मैं आपको 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 कैसे करे?

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

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

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

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 करे.

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 भी ज़रूर करे।

Related Posts for You

Reader Interactions

Comments (39)

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

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

  3. 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

    • theme ko fir se install karlo.

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

  5. 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. Sir mere theme me 5-6 jagah adsense code laga hai, compress krne se adsense ko koi problem to nhi hoga na

    • Nahi.

  7. 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

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

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

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

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

  10. 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.

    • 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. 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. Amazing Helpfull Artice Written. I am very much glad to read your article.

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

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

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

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

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

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

  16. 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…..

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

  17. 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)

    • 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.

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

  18. 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 .

    • Aap code ko beautify karke edit kar sakte ho.

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

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

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

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

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

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

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

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

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

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