BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

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

Blog Ke Liye Lightweight Theme Design Karne Ki 5 Jaruri Tips

Last Updated on January 5, 2021 by Md Arshad Noor Leave a Comment

Content Summary

  • How to Design a Lightweight Theme/Template in Hindi?
        • 1. Use Fewer Fonts:
        • 2. Use Fewer Image – And Do Not, Without Compressing!
        • 3. Keep the JavaScripts at the Bottom:
        • 4. Add async in js load files:
        • 5. Compress CSS, JavaScript, HTML

Hello friends, किसी भी site की loading speed उसकी theme या template पर सबसे ज्यादा निर्भर करता था. अभी आपको हर type के थीम मिल जाएगा. कुछ थीम lightweight के होते हैं जो fast load होते हैं और कुछ theme बहुत slow होते हैं. अगर आप अपने theme की design खुद से करना चाहते हो तो यह post आपके लिए important होगा. हम आपको यहाँ पर बताने वाले हैं कि Lightweight Theme/Template Design करने के लिए 5 Important Tips.
5 tips for design lightweight template theme

Google अपने SEO terms में काफी changes लाते जा रहे हैं. पिछले साल Google ने Mobile First Index के बारे में announce किया था, जिसके बाद से mobile friendly साइट की ranking factor बन गया था. जिन लोगों का ब्लॉग mobile में ठीक से open नही हो पाता था, उन्होंने optimization करके mobile friendly बनाया.

अभी हाल ही में Google ने announcement किया है कि site loading speed अब Google का ranking factor होने वाला है. पिछले साल mobile friendly को Google ranking factor में लाया गया था और इस साल site loading speed को. इसलिए अभी आपको अपने site की loading speed पर ध्यान देना होगा.

यदि आपने Google Search Confrence में attend किया होगा तो वहाँ पर आपको इसके बारे में बताया होगा कि कुछ समय बाद Site Loading speed Google ranking factor में आ जायेगा. उसके बाद यदि आपका site slow load होगा तो search engine में उसे better rank नही मिल पायेगा.

Well, अब ये confirm हो गया है कि search engine में अच्छी ranking के लिए site की loading speed अच्छी होना बहुत important है. यदि आपका site कम समय मे load हो जाता है तो अच्छी बात है. लेकिन यदि slow load होता हो तो आपको इसपर care करने की जरूरत होगी. क्योंकि इससे आपके site की Google ranking पर बहुत बुरा effect पड़ेगा।

जैसे कि मैने आपको पहले भी बताया कि ब्लॉग की loading speed बहुत से चीजों पर depend करता है लेकिन मेरे experience के हिसाब से, सबसे ज्यादा Theme और Hosting पर करता है. अगर आप सही hosting और theme का उपयोग करेंगे तो I sure, आपकी site कम से कम समय मे load होगी. अगर आपकी site slow load होती है तो इसका सबसे बड़ा कारण theme और hosting होगा।

खैर, अभी के समय मे बहुत सारे hosting provider होंगे जो cheap rate में better से better hosting provide करेंगे. हर कोई चाहता है कि वो अपने users को better से better service provide करें. इसलिए आपको अच्छी hosting आसानी मिल जाएगी लेकिन ब्लॉग के लिए perfect और better speed वाली theme मिलना थोड़ा मुश्किल हो जाएगी।

In my case, में अपने site में बहुत सारे theme use कर चुका हूँ. अगर किसी theme की loading speed ठीक होती थी तो उसकी design अच्छी नही होती और किसी की design अच्छी होती तो loading speed अच्छी नही होती. इसलिए मुझे कोई भी perfect theme नही मिल रहा था. उसके बाद मेने Genesis use करना start किया. शुरू में मैने Genesis developers द्वारा बनाये गए child theme ही use किये थे.

लेकिन धीरे धीरे experience होने के लिए custom child theme बनाया. I hope अभी मेरे ब्लॉग में जो theme use हो रही है, आपको पसंद आया होगा. इस theme को मैने एक दिन में design नही किया है बल्कि इसे बनाने में मुझे 6 महीने लगे हैं. इससे पहले जो child theme थी, उसी में थोड़ा बहुत changing और optimization किया गया है। अभी आप मेरे site की loading speed report देख सकते हो।

इसी तरह आप भी एक lightweight theme design कर सकते हो. बस इसके लिए आपको coding की knowledge चाहिए. उसके बाद आप अपने से site को better से better look दे सकते हो, उसके साथ साथ fast loading भी बना सकते हो. I know, अगर आप new wordpress user हो तो आपको बहुत सी चीजें समझ मे नही आती होगी. लेकिन जब आप अपने से design करने की कोशिश करते रहेंगे तो धीरे धीरे अपने आप आपको experience हो जाएगा।

खैर, हम इस post में बात करने वाले हैं, ब्लॉग के लुए lightweight theme design करने के लिए 5 जरूरी टिप्स। जिससे अगर आप अपने site को अपने से design करना चाहते हो तो यह आपके लिए बहुत helpful होगा. हमारे साथ last तक बने रहिये और अगर आपको कही समझ मे नही सये तो comment में सवाल पूछ सकते हो।

How to Design a Lightweight Theme/Template in Hindi?

1. Use Fewer Fonts:

में जनता हूँ कि ब्लॉग को अच्छा look देने के लिए font बहुत मत्वपूर्ण भूमिका निभाता है. लेकिन ब्लॉग में ज्यादा font से ब्लॉग की design और भी बेकार हो जाता है और साथ ही loading speed भी slow हो जाती है. ब्लॉग के लिए अलग अलग stylish font use करने से readers को समझने में भी problem होती है.

आप किसी भी बड़े बड़े ब्लॉग में देखेंगे तो वहाँ कम से कम और simple font का use होता है. क्योंकि वो जानते हैं कि ब्लॉग में ज्यादा font use करने से कोई फायदा नही होता है. इसलिए में भी आपको suggest करूँगा की 1 या 2 font use करें. और ध्यान रहे font simple ही better होगा और lightweight भी होना चाहिए.

जब आप एक से अधिक Google fonts को site में load कर रहे होते हो तो ज्यादा http request create कर देते हो. इससे site loading पर bad effect पड़ता है. जैसे हम यहाँ 3 अलग अलग fonts load कर रहे हैं तो कुछ इस तरह का html अपने site की head area में add करते हैं।

<link href='https://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet'/>

आप देख सकते हो कि मैने ऊपर में 3 fonts load करने के लिए 3 बार link add किया है, जिससे 3 http request बन गया है. आपको पता है कि ज्यादा http request होने से site slow load होती है। इसलिए हमें हमेशा कोशिश करना चाहिए कि कम से कम https request generate करें. इन तीनों fonts को हम एक http request में भी एक साथ load कर सकते हैं. इसके लिए हमें कुछ इस तरह का html code अपने site की head में add करना होगा।

<link href='https://fonts.googleapis.com/css?family=Noto+Sans|Oswald|Fauna+One' rel='stylesheet'/>

इस तरह से आप बहुत सारे fonts को एक ही http request में load कर सकते हो. इससे आपका site fast load होगा. अगर आप multi fonts use करते हो तो में आपको suggest करूँगा की इसी तरह से सारे fonts load करें।

2. Use Fewer Image – And Do Not, Without Compressing!

ब्लॉग को ज्यादा बेहतर look देने के लिए हर कोई अपने ब्लॉग में image का use करता है. जब हम अपने ब्लॉग में image use करते हैं तो कोई हमारे ब्लॉग में visit करते हैं तो server से image load होने में भी time लगता है. इससे हमारा site load होने में ज्यादा time ले लेता है।

बहुत से लोग अपने site को design करते समय background में high quality image का use करते हैं. उन्हें पता होना चाहिए कि यह उसके site loading speed को बहुत धीमा बना सकता है. इसलिए जब भी अपने साइट को डिज़ाइन करते हो तो image का कम से कम प्रयोग किया कीजिए।

जब भी कोई image का use करना चाहते हो तो उसे बिना compress किये use नही करें. क्योंकि जब आप कोई image create करते हो तो उसकी size बहुत अधिक होती है. इसे compress करके आप बिना image quality खोये size reduce कर सकते हो. इसके लिए आप online tool या App/software का इस्तेमाल कर सकते हो। शायद यह post आपके लिए helpful होगी। Image Ko Compress Karke Size Kam Kare – Offline Aur Online Dono Tarike

3. Keep the JavaScripts at the Bottom:

आप जानते होंगे होंगे कि javascript बहुत ज्यादा slow load होने वाली coding है. अभी आप इंटरनेट से कोई भी free theme/template download करेंगे तो उसमें बहुत सारे javascripts होंगे. इसका use करेंगे तो आपका site बहुत slow load होने लगेगा।

इसलिए हम आपको यही recommend करेंगे कि यदि आप custom design कर या करवा रहे हो तो javascript का कम से कम करने की कोशिश करें. अपने ब्लॉग में कम से कम javascript widgets का use करें.

इसके अलावा अगर आप कुछ javascripts का use कर रहे हो तो उसे अपने site की footer में load कीजिए. क्योंकि javascript का पहले load होना important नही है. इसीलिए इसे header में नही बल्कि footer में load कीजिए. इससे आपके site की loading पर कम effect पड़ेगा।

4. Add async in js load files:

जैसे कि मैने पहले भी बताया कि सबसे पहले इस बात का ध्यान रखें कि js files को footer में load करना है. उसके बाद आप js files में async का attribute add करके उसे content load होने के बाद load करा सकते हो।

जब आप javascript file load होने के लिए defer या async method का use करोगे तो पहले आपके site की content load होगी, उसके बाद javascript load होगा. चलिए इसके बारे में जानते हैं।

हम javascript को html द्वारा कुछ इस तरह से load करते हैं।

<script type='text/JavaScript'  src='http://abc.com/def.js'/>

अब इसमें आपको src से पहले async add कर देना है. उसके बाद कुछ इस तरह का हो जाएगा।

<script type='text/JavaScript' async src='http://abc.com/def.js'/>

इस तरह से आप slow load होने वाली javascript files को defer करके content loading होने के बाद उसे load कर सकते हो और अपने site loading speed को पहले से ज्यादा fast बना सकते हो।

5. Compress CSS, JavaScript, HTML

जब आप अपने हिसाब से थीम design करके ready कर लेंगे तो आपका last काम यह होगा कि उसमें javascript और CSS को compress करना होगा. Normally, थीम के css और javascript का जितना size होता है, compress करने के बाद 20% से 40% तक save कर सकते हो।

In my case, में अपने ब्लॉग के सभी js और css files को compress करके रखता हूँ. इससे उसकी size काफी reduce हो जाती है और site की loading speed fast हो जाती है. अगर आप भी अपने theme को lightweight बनाना चाहते हो तो में आपको personally recommend करूँगा की ब्लॉग में css और javascript जैसे files को compress करके रखिये।

आप कई सारे मेथड से css, javascripts files को compress कर सकते हो. इसे आप manually बिना plugin के भी कर सकते हो. लेकिन में इसके लिए plugin use करता हूँ, जिसका नाम Autoptimize है. इसको use करके आप easily अपने ब्लॉग में css और javascripts files को compress कर सकते हो. इसके लिए मेने article भी लिखी है, जो आपके काम आ सकता है। WordPress Site Ki HTML, CSS Aur JavaScript Ko Minify Karke Speed Badhaye

Final Words,
तो दोस्तों अगर आप अपने site को light weight design करना चाहते हो तो इन पाँचों points पर focus कीजिए. इसके अलावा में आपको ये भी कहना चाहूंगा कि simplicity पर ध्यान दीजिए. जितना simple होगा उतना ही lightweight होगा हर जितना lightweight होगा,उतना ही fast loading होगा. आप किसी भी professional blogger की ब्लॉग देखेंगे तो उसकी design बिल्कुल simple होती है. इसलिए में आपको simple design की ही सलाह दूँगा।


उम्मीद करते हैं कि आपको यह post पढ़कर अच्छा लगा होगा. अगर आपके मन मे कोई प्रश्न है तो कृपया नीचे comment करके बताये. बाकी post अच्छा लगे तो share बटन पर click करके मित्रों के साथ share कर दीजिए।

You May Also Like

  • WordPress Me Login Username Kaise Change Kare [3 Methods]

    WordPress Me Login Username Kaise Change Kare [3 Methods]

  • WordPress Blog Ka Domain Address Kaise Change Kare -2 Methods [Full Guide]

    WordPress Blog Ka Domain Address Kaise Change Kare -2 Methods [Full Guide]

  • Free Theme Ya Template Use Karne Ke 5 Big Nuksan (Cons)

    Free Theme Ya Template Use Karne Ke 5 Big Nuksan (Cons)

  • Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

    Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

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.

Get it on Google Play

Useful Articles

Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

Revenue Hits kya hai aur isme Account kaise banaye

Blogspot Blog me Country Specific Redirect Disable kaise Kare

Spam Mail Sender Se Unsubscribe Karke Spam Mail Se Kaise Bache

Google Me Search Karne Ke Top 10 Tips & Trick – [Get Right Results Fast]

Google Search Results Me Blog Ke Sabhi Posts Me Star Rating Kaise Dikhaye

Blog Homepage Me Only Post Title Kaise Dikhaye

Blogging me fail hone ka 10 sabse Bada Karan

Social Media se More Traffic Pane ke Liye 10 Important Tips

Quora Se Blog Ki Traffic Kaise Badhaye? 5 Tips

Blog Post me Keyboard key kaise lagaye

YouTube Se PR9 Dofollow Backlink Kaise Receive Kare

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

About Us

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

SUBSCRIBE OUR NEWSLATTER

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

Posts for WP Users:

WordPress Blog Ke Database Ka Manually Backup Lene Ke 2 Tarike

WordPress Me Ads Dikhane Ke Liye Ad Injection Setup Kaise Kare

Hostlelo Review – A Great Solution for New Bloggers

WordPress Login Page Ko Customize Kaise Kare Without Plugin

Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

More Posts from this Category

Recommended For You

Google Me Blog Ki New Post Index Notification Email Me Kaise Paye

PC Software Download Karne Ke Liye 10 Safe Websites

Bloggers Ke 5 Time Wasters Aur Unke Solutions

New Blogger Ko 9 Baate Hamesha Yaad Rakhna Chahiye

WordPress Login Page Ko Customize Kaise Kare Without Plugin

Off Page SEO Optimization Karke Blog ki Traffic High Kare 10+ Tips

Blogspot Ya WordPress Blog Me Calculator Tool Kaise Add Kare

WordPress Blog Ke Kisi Widget Ko Mobile Hide Kaise Karte Hai

Google Analytics Account kaise banaye aur Blog me Verify kaise kare

Copyright © 2020 - All rights reserved.AboutContactSitemapDisclaimer