CSS मिनीफायर

CSS minifier सह, आपण CSS शैली फायली कमी करू शकता. CSS कंप्रेसरसह, तुम्ही तुमच्या वेब साइट्सचा वेग सहज वाढवू शकता.

CSS मिनीफायर म्हणजे काय?

CSS minifier चे उद्दिष्ट वेबसाइट्सवरील CSS फायली संकुचित करणे आहे. ही संकल्पना, जी इंग्रजी समतुल्य (CSS Minifier) ​​म्हणून वापरली जाते, CSS फाइल्समध्ये व्यवस्था समाविष्ट करते. जेव्हा CSSs तयार केले जातात, तेव्हा वेब साइट प्रशासक किंवा कोडरचे मुख्य उद्दिष्ट रेषांचे अचूक विश्लेषण करणे असते. म्हणून, त्यात अनेक ओळी आहेत. या ओळींमध्ये अनावश्यक टिप्पणी ओळी आणि रिक्त जागा आहेत. त्यामुळे CSS फाइल्स खूप लांब होतात. या सर्व समस्या CSS मिनीफायरने दूर केल्या जातात.

CSS मिनीफायर काय करते?

CSS फाइल्समध्ये केलेल्या बदलांसह; परिमाण कमी केले जातात, अनावश्यक ओळी काढून टाकल्या जातात, अनावश्यक टिप्पणी ओळी आणि रिक्त जागा हटविल्या जातात. शिवाय, CSS मध्ये एकापेक्षा जास्त कोड समाविष्ट केले असल्यास, हे कोड देखील हटवले जातात.

या ऑपरेशन्ससाठी विविध प्लग-इन आणि अनुप्रयोग आहेत जे बहुतेक वापरकर्ते व्यक्तिचलितपणे करू शकतात. विशेषत: वर्डप्रेस सिस्टम वापरणाऱ्या लोकांसाठी, या प्रक्रिया प्लगइनसह स्वयंचलित केल्या जाऊ शकतात. अशा प्रकारे, चुका होण्याची शक्यता नाहीशी केली जाते आणि अधिक प्रभावी परिणाम प्राप्त होतात.

जे लोक CSS साठी वर्डप्रेस वापरत नाहीत किंवा विद्यमान प्लगइन्सला प्राधान्य देऊ इच्छित नाहीत ते ऑनलाइन टूल्स देखील वापरू शकतात. इंटरनेटवरून ऑनलाइन टूल्सवर CSS डाउनलोड करून, CSS मधील विद्यमान फायली बदल करून कमी केल्या जातात. सर्व प्रक्रिया पूर्ण झाल्यानंतर, विद्यमान CSS फायली डाउनलोड करणे आणि त्या वेबसाइटवर अपलोड करणे पुरेसे असेल. अशा प्रकारे, CSS Minify किंवा shrinking सारख्या ऑपरेशन्स यशस्वीरित्या पूर्ण केल्या जातील, आणि साइटसाठी CSS द्वारे अनुभवल्या जाणाऱ्या सर्व संभाव्य समस्या दूर केल्या जातील.

तुम्ही तुमच्या CSS फाइल्स का कमी कराव्यात?

एक जलद वेबसाइट असणे केवळ Google ला आनंदी करत नाही, तर ते आपल्या वेबसाइटला शोधांमध्ये उच्च रँक करण्यात मदत करते आणि आपल्या साइट अभ्यागतांसाठी एक चांगला वापरकर्ता अनुभव देखील प्रदान करते.

लक्षात ठेवा, 40% लोक तुमचे होमपेज लोड होण्यासाठी 3 सेकंदही थांबत नाहीत आणि Google ने साइट्स जास्तीत जास्त 2-3 सेकंदात लोड करण्याची शिफारस केली आहे.

CSS मिनीफायर टूलसह कॉम्प्रेस करण्याचे अनेक फायदे आहेत;

  • लहान फाइल्सचा अर्थ तुमच्या साइटचा एकूण डाउनलोड आकार कमी झाला आहे.
  • साइट अभ्यागत तुमची पृष्ठे जलद लोड आणि प्रवेश करू शकतात.
  • साइट अभ्यागतांना मोठ्या फाइल डाउनलोड न करता समान वापरकर्ता अनुभव मिळतो.
  • नेटवर्कवर कमी डेटा प्रसारित केल्यामुळे साइट मालकांना कमी बँडविड्थ खर्चाचा अनुभव येतो.

CSS मिनीफायर कसे कार्य करते?

तुमच्या साइटच्या फाइल्स कमी करण्यापूर्वी त्यांचा बॅकअप घेणे ही चांगली कल्पना आहे. तुम्ही ते आणखी एक पाऊल पुढे टाकू शकता आणि चाचणी साइटवर तुमच्या फाइल्स कमी करू शकता. अशा प्रकारे तुम्ही तुमच्या लाइव्ह साइटवर बदल करण्यापूर्वी सर्वकाही चालू आहे याची खात्री करता.

तुमच्‍या फायली संकुचित करण्‍यापूर्वी आणि नंतर तुमच्‍या पृष्‍ठ गतीची तुलना करणे देखील महत्त्वाचे आहे जेणेकरून तुम्‍ही परिणामांची तुलना करू शकता आणि संकुचित केल्‍याचा काही परिणाम झाला आहे का ते पाहू शकता.

तुम्ही GTmetrix, Google PageSpeed ​​Insights आणि YSlow हे ओपन सोर्स परफॉर्मन्स टेस्टिंग टूल वापरून तुमच्या पेज स्पीड कामगिरीचे विश्लेषण करू शकता.

आता कपात प्रक्रिया कशी करायची ते पाहू;

1. मॅन्युअल CSS मिनीफायर

फाइल्स मॅन्युअली संकुचित करण्यासाठी बराच वेळ आणि मेहनत लागते. तर तुमच्याकडे फायलींमधून वैयक्तिक स्पेस, रेषा आणि अनावश्यक कोड काढण्यासाठी वेळ आहे का? कदाचित नाही. वेळेव्यतिरिक्त, ही घट प्रक्रिया मानवी चुकांसाठी अधिक जागा देखील प्रदान करते. म्हणून, फायली संकुचित करण्यासाठी या पद्धतीची शिफारस केलेली नाही. सुदैवाने, अनेक विनामूल्य ऑनलाइन मिनिफिकेशन टूल्स आहेत जी तुम्हाला तुमच्या साइटवरून कोड कॉपी आणि पेस्ट करण्याची परवानगी देतात.

CSS मिनीफायर हे CSS कमी करण्यासाठी एक विनामूल्य ऑनलाइन साधन आहे. जेव्हा तुम्ही "इनपुट CSS" मजकूर फील्डमध्ये कोड कॉपी आणि पेस्ट करता, तेव्हा टूल CSS कमी करते. मिनिफाइड आउटपुट फाइल म्हणून डाउनलोड करण्याचे पर्याय आहेत. विकसकांसाठी, हे साधन API देखील प्रदान करते.

JSCcompress , JSCompress हे ऑनलाइन JavaScript कंप्रेसर आहे जे तुम्हाला तुमच्या JS फाइल्स त्यांच्या मूळ आकाराच्या 80% पर्यंत कॉम्प्रेस आणि कमी करण्यास अनुमती देते. तुमचा कोड कॉपी आणि पेस्ट करा किंवा वापरण्यासाठी एकाधिक फाइल अपलोड करा आणि एकत्र करा. नंतर “Compress JavaScript – Compress JavaScript” वर क्लिक करा.

2. PHP प्लगइनसह CSS मिनीफायर

काही उत्तम प्लगइन आहेत, विनामूल्य आणि प्रीमियम दोन्ही, जे मॅन्युअल पायऱ्या न करता तुमच्या फाइल्स कमी करू शकतात.

  • विलीन,
  • लहान करणे,
  • रिफ्रेश करा
  • वर्डप्रेस प्लगइन्स.

हे प्लगइन तुमचा कोड कमी करण्यापेक्षा बरेच काही करते. हे तुमच्या CSS आणि JavaScript फायली एकत्र करते आणि नंतर Minify (CSS साठी) आणि Google Closure (JavaScript साठी) वापरून तयार केलेल्या फायली कमी करते. Minification WP-Cron द्वारे केले जाते जेणेकरून ते आपल्या साइटच्या गतीवर परिणाम करणार नाही. जेव्हा तुमच्या CSS किंवा JS फायलींचा आशय बदलतो तेव्हा त्या पुन्हा रेंडर केल्या जातात त्यामुळे तुम्हाला तुमची कॅशे रिकामी करण्याची गरज नाही.

JCH ऑप्टिमाइझमध्ये विनामूल्य प्लगइनसाठी काही चांगली वैशिष्ट्ये आहेत: ते CSS आणि JavaScript एकत्र करते आणि लहान करते, HTML कमी करते, फायली एकत्र करण्यासाठी GZip कॉम्प्रेशन आणि पार्श्वभूमी प्रतिमांसाठी स्प्राइट रेंडरिंग प्रदान करते.

CSS Minify , CSS Minify सह तुमचा CSS कमी करण्यासाठी तुम्हाला फक्त इन्स्टॉल आणि सक्रिय करावे लागेल. सेटिंग्ज > CSS Minify वर जा आणि फक्त एक पर्याय सक्षम करा: CSS कोड ऑप्टिमाइझ करा आणि लहान करा.

फास्ट व्हेलॉसिटी मिनिफाय 20,000 हून अधिक सक्रिय इंस्टॉल आणि फाइव्ह-स्टार रेटिंगसह, फास्ट व्हेलॉसिटी मिनिफाय हा फाइल्स कमी करण्यासाठी उपलब्ध असलेल्या सर्वात लोकप्रिय पर्यायांपैकी एक आहे. ते वापरण्यासाठी, आपल्याला फक्त स्थापित आणि सक्रिय करणे आवश्यक आहे.

Settings > Fast Velocity Minify वर जा. येथे तुम्हाला प्लगइन कॉन्फिगर करण्यासाठी अनेक पर्याय सापडतील, ज्यात विकसकांसाठी प्रगत JavaScript आणि CSS अपवर्जन, CDN पर्याय आणि सर्व्हर माहिती यांचा समावेश आहे. डीफॉल्ट सेटिंग्ज बर्‍याच साइट्ससाठी चांगले कार्य करतात.

प्लगइन रिअल टाइममध्ये फ्रंटएंडवर आकुंचन करतं आणि फक्त पहिल्या नॉन-कॅशे विनंती दरम्यान. पहिल्या विनंतीवर प्रक्रिया केल्यानंतर, समान स्थिर कॅशे फाइल इतर पृष्ठांवर दिली जाते ज्यांना CSS आणि JavaScript चा समान संच आवश्यक असतो.

3. वर्डप्रेस प्लगइनसह CSS मिनीफायर

CSS मिनीफायर हे एक मानक वैशिष्ट्य आहे जे तुम्हाला सामान्यतः कॅशिंग प्लगइनमध्ये आढळेल.

  • WP रॉकेट,
  • W3 एकूण कॅशे,
  • WP SuperCache,
  • WP सर्वात वेगवान कॅशे.

आम्ही आशा करतो की आम्ही वर सादर केलेल्या उपायांनी तुम्हाला CSS मिनीफायर कसे करावे याबद्दल प्रबोधन केले आहे आणि तुम्ही ते तुमच्या वेबसाइटवर कसे लागू करू शकता हे तुम्हाला समजू शकेल. तुम्ही हे यापूर्वी केले असल्यास, तुमची वेबसाइट जलद करण्यासाठी तुम्ही इतर कोणत्या पद्धती वापरल्या आहेत? सॉफ्टमेडलवरील टिप्पण्या विभागात आम्हाला लिहा, आमची सामग्री सुधारण्यासाठी तुमचे अनुभव आणि सूचना सामायिक करण्यास विसरू नका.