BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

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

[Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare

Last Updated on April 11, 2022 by Md Arshad Noor 6 Comments

अगर आपको coding के बारे में थोड़ा बहुत जानकारी है तो आपको पता होगा कि जब हम अपने site में कोई theme या template add करते हैं तो उसमें जो CSS, Javascript compress नही क्या हुआ होता है. अगर हमें अपने site की performance को better बनाना है तो इसको compress करके इसकी size को कम करना होता है. अगर आपका ब्लॉग Blogger या WordPress पर है तो यह post आपके लिए है. हम step by step बताएंगे कि ब्लॉग की css को compress कैसे करते हैं?

WordPress ya Blogger blog ke css ko compress kaise kare

ज्यादा तर लोग अपने ब्लॉग में free का ही theme या template use करते हैं. मेने भी अपने ब्लॉग में free theme use करके try किया था तो मुझे इसका अच्छा exprience है कि जब हम अपने site में free theme/template use करते है तो उसमें css और javascript दोनों का use बहुत ज्यादा होता है और इसको compress भी नही किया होता है। आपको ये पता होगा कि css और javascript बहुत slow load होने वाला script होता है.

अगर आप कोई premium theme/template use करेंगे तो उसमें css और javascript का कम use होगा लेकिन उसमें भी css, javascript को compress नही करता है. अगर आप चाहो तो अपने ब्लॉग की css को compress करके, उसकी size कम करके, उसे fast loading बना सकते हो।

CSS को Compress करना क्यो जरूरी है?

जिस तरह मेने आपको ऊपर में बताया तो आप थोड़ा बहुत समझ ही गए होंगे. अगर नही समझे तो सबसे पहले में आपको ये बात बता देता हूँ कि php, Javascript, css ये तीनो सबसे slow load होने वाली script होती है. आप php को तो compress नही कर सकते हो लेकिन आप js और css को compress कर सकते हो. जब आप कोई normal theme के style.css देखोगे तो उसमें कुछ इस तरह का css होते हैं।

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

आपको ये साफ साफ दिखाई दे रहा होगा कि इसमें spaces भी हैं और यही सारे spaces से हमारे css file की size ज्यादा होती है. css को compress करने के बाद ये कुछ इस तरह का हो जाएगा।

	

	body{font-size:12pt}h1{font-size:24pt}h2{font-size:22pt}h3{font-size:17pt}h4{font-size:12pt}h5{font-size:11pt}h6{font-size:12pt}.page .panel-content .entry-title,.page-title,body.page:not(.twentyseventeen-front-page) .entry-title{font-size:10pt}.wrap{padding-left:5%!important;padding-right:5%!important;max-width:none}.site-header{background:transparent;padding:0}.custom-header-media{padding:0}

अगर css file से spaces और comments को हटा देंगे तो इसका size कम हो जाएगी और आपका site fast load होने लगेगा।

अगर आप ये सोच रहे हो कि css से spaces को हटा देंगे तो work करेगा या नही तो में आपको बता देना चाहता हूँ कि ये वैसे ही work करेगा जैसे पहले करता था। इन spaces और comments को हटाने के बाद css compress हो जाएगा। तो अब आप समझ गए होंगे कि css को compress करना जरूरी क्यो है।

ब्लॉग के CSS को compress कैसे करते हैं?

ऊपर में पढ़ने के बाद आपको समझ मे आ गया होगा कि css क्यो compress करना चाहिए. अब हम यह भी जान लेते हैं कि ब्लॉग theme या template की css को compress कैसे करते हैं. हम आपको नीचे wordpress और blogger दोनों के लिए process बता रहे हैं।

For Blogger:

अगर आपका ब्लॉग Blogger में है तो Login करने के बाद Dashboard » Themes » Edit HTML में जाइये. यहाँ पर <b:skin>और</b:skin>के बीच जितने CSS होंगे उसे cut कर लीजिए।

Note: ध्यान रखिये की <b:skin> के नीचे Template Name, Author, Author URL, etc. को रहने दीजिए. इसको cut नही करना है।

For WordPress:―

अगर आपका ब्लॉग WordPress में है तो आप Login करने के बाद Dashboard » Appearance » Editor में जाइये. उसके बाद अपने theme की Style.css file को open कीजिए।

[Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare 1

अब यहाँ पर सबसे ऊपर आपके theme information होगा. आपको Theme Name, Author, Author URL, Template, Version etc. को छोड़ कर नीचे वाले CSS को Cut कर लेना है।

Compress CSS:

अब अपने जो css cut किया है उसको compress करना है. इसको compress करने के लिए तो आप manually compress नही कर सकते हो. हम आपके लिए एक online tool बनाये हैं. इसके द्वारा आप आसानी से css को compress कर पाएंगे। चलिये step by step जानते हैं।

Step 1: सबसे पहले आप CSS Compress Tool में visit करे।

  1. अब आप इस box में css paste कर दीजिए।
  2. इन सभी checkbox में tick कर दीजिए।
  3. अब Compress CSS बटन पर click करें।

[Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare 2

    Step 2: अब आपका css compress होकर उसका size कम हो गया है. इन सभी css को copy कर लीजिए।

    [Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare 3

    Step 3: अब आपको अपने ब्लॉग में जहाँ से अपने css को cut किया था वही पर compress किये हुए css को add कर देना है. उसके बाद save कर दीजिए. That’s it.


    अब आपके ब्लॉग की css compress हो गयी है. अब आपका ब्लॉग पहले से fast load होगा. यदि आप अपने ब्लॉग की leading speed check करना चाहते हो तो Pingdom में जाकर test कर सकते हो। अगर आपको इस post से सम्बंधित कोई सवाल पूछना है तो comment करें। पोस्ट अच्छा लगा तो इसको शेयर करें।

    You May Also Like

    • WordPress Me Multi Author Blogging Ko Enable Karke Guest Post Accept Kaise Kare – Guest Blogging

      WordPress Me Multi Author Blogging Ko Enable Karke Guest Post Accept Kaise Kare – Guest Blogging

    • WordPress Me Leverage Browser Caching Issue Fix Kaise Kare (Without Plugin)

      WordPress Me Leverage Browser Caching Issue Fix Kaise Kare (Without Plugin)

    • Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

      Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

    • WordPress Me Comment Ki Minimum Aur Maximum Length Set Kare

      WordPress Me Comment Ki Minimum Aur Maximum Length Set Kare

    About Md Arshad Noor

    हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

    COMMENTs ( 6 )

    1. Jitender says

      Bhai Your Tricks Is Really Work Thanks A Lot
      Any More Tricks Pls Give me link

      Reply
      • Md Arshad Noor says

        Hi Jitender,
        Thanks for your comment. Aap hamare blog me visit karte rahiye, ham aise tricks share karte rahte hai.

        Reply
    2. Shanni rathour says

      Thanks for sharing…..meri website kaffi slog the…Mai bhut jayeda paresan tha….apne mere help ki apka very very thanks sir…..keep up it….good work….

      Reply
      • Md Arshad Noor says

        wlcm brother, keep visiting.

        Reply
    3. versha says

      thank you for this article
      it helps us alot

      Reply
    4. ajay kumar says

      must hai yar

      Reply

    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.

    Useful Articles

    Google Keyword Ranking Check karne ke liye 5 Best Website

    Website Ko User Friendly Banane Ke Liye 5 Secrets

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

    WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

    Adsense Account Kaise Banaye [Step By Step]

    Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

    Hostlelo Review – A Great Solution for New Bloggers

    QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

    Blog Me Live Cricket Score Widget Kaise Add Kare

    7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

    Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

    Twitter Account Ko Secure Kaise Rakhe

    Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

    About Us

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

    SUBSCRIBE OUR NEWSLATTER

    हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

    Posts for WP Users:

    Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

    Hosting Buy Karte Time Paise Kaise Bachaye? 8 Tips [Save Money Upto 80%]

    WordPress Blog Ki Database Prefix Ko Manually Change Kaise Kare (Without Plugin)

    Blog Me Post Schedule Kyu Aur Kaise Kare

    WordPress Database Ko CleanUp Karke Performance Better Banaye

    More Posts from this Category

    DMCA.com Protection Status

    Recommended For You

    Blog Ki Traffic Kaise Badhaye? Top 10 Tips

    Apne Gmail Se Unwanted Email Newsletter se Ek Click Me Unsubscribe Kaise Kare 

    WordPress Se jQuaru Strings Ko Remove/Fix Kaise Kare

    Post publish karne se pahle yaad rakhe 12 important points

    Apne Blog/Website Me Word Counter Tool Kaise Add Kare

    Adsense Account Ko Ban Hone se Bachane ke Liye 11 Tips

    Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer