CSS मिनिफ़ायर
स्टाइलशीट पेस्ट करें और व्हाइटस्पेस व कमेंट हटाएँ, #ff0000 → red जैसी वैल्यू छोटी करें, और CSSO के स्ट्रक्चरल ऑप्टिमाइज़ेशन से डुप्लिकेट नियम मर्ज करें।
आपके ब्राउज़र में चलता हैसाइन-अप ज़रूरी नहींकुछ भी अपलोड नहीं होता
CSS मिनिफ़ायर का उपयोग कैसे करें
- CSS पेस्ट करें या कोई
.cssफ़ाइल खोलें। - नियम और डिक्लेरेशन मर्ज करने के लिए रीस्ट्रक्चर चालू रखें, या सिर्फ़ व्हाइटस्पेस हटाने वाले सुरक्षित पास के लिए इसे बंद करें।
- लाइसेंस कमेंट रखें चालू रहने दें ताकि
/*! … */नोटिस बचे रहें। - मूल, मिनिफ़ाइड और gzip किए गए साइज़ की तुलना करें।
- नतीजा कॉपी करें या
output.min.cssडाउनलोड करें।
CSS मिनिफ़िकेशन कैसे काम करता है
यह टूल CSSO (CSS Optimizer) इस्तेमाल करता है, जो आपकी स्टाइलशीट को सिंटैक्स ट्री में पार्स करके उसे सबसे छोटे समतुल्य रूप में वापस लिखता है। व्हाइटस्पेस और कमेंट हटाने के अलावा यह सुरक्षित वैल्यू बदलाव भी करता है:
#ffffff→#fff,#ff0000→red0px→0,0.90→.9margin: 8px 16px 8px 16px→margin:8px 16px- खाली नियम और डुप्लिकेट डिक्लेरेशन हटा दिए जाते हैं
“रीस्ट्रक्चर” क्या करता है?
रीस्ट्रक्चरिंग पूरी स्टाइलशीट को देखती है: एक जैसे डिक्लेरेशन वाले नियम एक सेलेक्टर लिस्ट में मर्ज होते हैं (.a,.b{color:red}), और दोहराए गए सेलेक्टर जोड़ दिए जाते हैं। असली स्टाइलशीट पर इससे अक्सर 5–15% और बचत होती है। CSSO सिर्फ़ तभी मर्ज करता है जब cascade का क्रम वही रहे, लेकिन अगर आप असामान्य overrides पर निर्भर हैं, तो पूरी तरह सिंटैक्टिक मिनिफ़िकेशन के लिए इसे बंद कर सकते हैं।
CSS मिनिफ़ाई क्यों करें?
CSS रेंडरिंग को रोकता है: जब तक <head> में मौजूद स्टाइलशीट डाउनलोड और पार्स नहीं हो जातीं, ब्राउज़र पेज नहीं दिखा सकता। छोटा CSS मतलब तेज़ First Contentful Paint और बेहतर Core Web Vitals, जो यूज़र और सर्च रैंकिंग दोनों के लिए अच्छा है। सबसे अच्छे नतीजे के लिए मिनिफ़िकेशन को सर्वर पर gzip या Brotli के साथ इस्तेमाल करें।
अक्सर पूछे जाने वाले सवाल
क्या CSS मिनिफ़ाई करना सुरक्षित है?
क्या यह custom properties, nesting और @layer जैसी आधुनिक CSS सपोर्ट करता है?
--var), @media, @supports, @layer, @container और grid सिंटैक्स सुरक्षित रहते हैं।