इस पोस्ट में मैं आपको 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 प्राप्त कर सके।
ब्लॉगर ब्लॉग को स्पीड अप करने के लिए आप 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 कर सकते हो।
Table of Contents
Blogger Blog Theme Coding को Compress कैसे करे ?
इस Process को शुरू करने से पहले आपको अपने Blogger Blog का Theme Backup ज़रूर ले लेना चाहिए क्योकि यदि कोई Step हमसे गलत हो जाता है तो हम Backup Theme का इस्तेमाल करके ब्लॉग थीम को रिस्टोर कर सकते है। इसके लिए आप यह पोस्ट पढ़ सकते है.
Blogger Theme Backup लेने के बाद आप ये step by step guideline फॉलो करें।
Step 1:
- सबसे पहले अपने Blogger dashboard में जाकर Theme option पर क्लिक करे
- उसके बाद आपको Edit HTML section पर क्लिक करना है
- Edit HTML पर क्लिक करने के बाद आपके ब्लॉग की Theme Coding Open हो जाएगी अब आपको यह सारी Coding Copy कर लेनी है।
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 कर देनी है ।
- Blogger Theme Code paste करें
Note:- Code पेस्ट करने के बाद Compress button पर क्लिक नहीं करना है अभी आपको कुछ और सेटिंग्स सेलेक्ट करनी हैं।
Step 3:
- Compress box के right side में Code type option में x/html drop down menu पर क्लिक करें।
- उसके बाद drop down menu items में से Blogger सेलेक्ट करें
Step 4:
- अब Code type के right side में Show Options पर क्लिक करे
- अब निचे दिए गए स्क्रीनशॉट के अनुसार option choose करें
अब आप 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 कर सकते हैं।
- Select all button पर क्लिक कर सारे code को कॉपी कर ले
Step 6:
Compressed code को कॉपी करने के बाद आप वापिस Blogger डैशबोर्ड में आये और Theme आप्शन पर क्लिक करे।
- Blogger Dashboard >> Theme >> Edit HTML पर जाये
- अब HTML box के सारे code को remove कर compressed code पेस्ट करे
- 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 भी ज़रूर करे।
sumit kumar gupta
sir is post ke jaisa keyboard button blog me kaise add kare please reply me
Jumedeen khan
Very simple, aap CSS code se design kar sakte ho.
Kamal giri
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
Jis code ko beatify karna hai uske name ke sath beautify word google search karo tools mil jayegi.
kumar
जब में blogspot पर काम कर रहा था तभी इसका इस्तेमाल किया था ये एक अच्छी tricks है और इससे benefit भी मिला था. थैंक्स फॉर शेयरिंग it इसी तरह गाइड देते रहे.
Soni
Realy very help full post hai iske koi jawaaab nahi hai super.
Jay
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
भाई इसके बारे में मुझे अभी तक कोई जानकारी प्राप्त नहीं हुयी है,लेकिन मैं कोशिश कर रहा हूँ.Google पेज Speed Tool में Blogspot Blog को हाई स्कोर प्राप्त करने के लिए मैं जल्द ही कोशिश करूँगा की एक पोस्ट पब्लिश करू और इसके अलावा Browser Caching को fix कैसे करे इसके बारे में भी जल्द रिसर्च करके पोस्ट लिखने की कोशिश करूँगा.आप इस तरह SMI के साथ बने रहे.
Sanjay jadav
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
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
संजय जी आपका कमेंट पढ़कर अच्छा लगा आप की ही तरह बहुत से पाठक SMI को दिल से प्यार प्रदान करते है जिससे SMI पर पाठको के लिए बढ़िया जानकारी शेयर की जाती है.आपको फिर से Adsense Ads को लगाने की ज़रूरत नहीं है.
Surendra Saini
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
Aap code ko beautify karke edit kar sakte ho.
Yadwinder Singh
इसके लिए आप Format Theme आप्शन का इस्तेमाल कर सकते है जो आपको Blogger Theme को Edit करते वक़्त Coding के ऊपर मिल जायेगा.जिससे आप आसानी से Theme की Coding को Edit कर सकते हो.
kuldeep vishnoi
smi konsi hosting use karti hai?
mujhe bhi hosting chahiye jo multiple domains ko manage kar sake ache traffic par bhi..
Jumedeen khan
Read SupportMeIndia Par Konsi Hosting Use Hote Hai
Hot Trends
थैंक यू सर बहुत ही अच्छी टिप्स है | मेरे वेबसाइट का लोडिंग टाइम बहुत ही स्लो है ,मैं ब्लॉगर का प्रीमियम थीम यूज़
करता हूँ | मैं आज ही आपके टिप को यूज़ करूँगा | वेबसाइट का लोडिंग fast होने से साईट का seo भी ठीक होता है
और search रैंक भी बढ़ता है |
Yadwinder Singh
Thanks For Your Comment,लेकिन आपसे एक निवेदन है की अपने नाम से ही कमेंट कीजिये क्योकि इससे कमेंट Approve होने में आसानी होती है मैं उम्मीद करता हूँ की आप आगे से कमेंट करते वक़्त इस बात का ध्यान रखेंगे.
Noman Mansuri
वाह बोहोत ही अच्छी लगी जानकारी और काफी अच्छे से समझया। उम्मीद है इसका प्रयोग करके में अपने ब्लॉग की coding को customize करके अपने ब्लॉग को Fast लोडिंग स्पीड कर सकू। धन्यवाद 🙂
Yadwinder Singh
कमेंट करने के लिए धन्यवाद.इसी तरह की पोस्ट आगे भी पढ़ते रहने के लिए हमारे ब्लॉग के साथ बने रहे.
anoop bhatt
Bhaut hi achi jaankari share ki aapne
jaankari dene ke liye aapka dhnyabad
Yadwinder Singh
Thanks Anoop ji.इसी तरह ब्लॉग को विजिट करते रहे.