Free CSS Minifier
यह फ्री CSS minifier स्टाइलशीट से कमेंट, लाइन ब्रेक और एक्सट्रा स्पेस हटाता है और हर रूल के आखिरी सेमिकोलन को हटाता है, फिर आपने कितने बाइट्स बचाए यह दिखाता है। कोट किए गए स्ट्रिंग्स और url() वैल्यूज सुरक्षित रहती हैं, और एक्सक्लेमेशन मार्क से शुरू होने वाली लाइसेंस कमेंट्स को रखा जा सकता है। यह उन सभी के लिए है जो बिल्ड टूल इंस्टॉल किए बिना छोटी स्टाइलशीट चाहते हैं।
CSS Minifier
Generators and Converters
इस टूल के बारे में
स्टाइलशीट रेंडरिंग को ब्लॉक करती है: ब्राउज़र पेज को पेंट नहीं करेगा जब तक head में CSS डाउनलोड और पार्स न हो जाए। इसका साइज़ कम करना सबसे आसान स्पीड इंप्रूवमेंट है, और minifying सिर्फ उन कैरेक्टर्स को हटाता है जिन्हें ब्राउज़र इग्नोर करता है, इसलिए पेज एक जैसा दिखता है।
Minifier कमेंट्स हटाता है, व्हाइटस्पेस को कोलैप्स करता है, ब्रेसेस, सेमिकोलन्स, कोमाज़ और चाइल्ड कॉम्बिनेटर्स के आसपास स्पेस हटाता है, और क्लोजिंग ब्रेस से पहले सेमिकोलन हटाता है। कोट्स के अंदर और url() के अंदर का टेक्स्ट अकेला छोड़ा जाता है, और जो कमेंट्स एक्सक्लेमेशन मार्क से शुरू होती हैं वे तब सेव रहती हैं जब आप लाइसेंस नोटिस रखना चुनते हैं।
यह रूल्स को मर्ज नहीं करता, क्लासेस का नाम नहीं बदलता या अनयूज़्ड CSS नहीं हटाता, इसलिए आउटपुट हमेशा आपके रूल्स की सच्ची कॉपी होती है। अपने प्रोजेक्ट में रीडेबल फाइल रखें और minified वाली पब्लिश करें। Minified CSS को फिर से पढ़ने के लिए, CSS beautifier का इस्तेमाल करें। आप जो कुछ भी पेस्ट करते हैं वह स्टोर नहीं होता।
अक्सर पूछे जाने वाले सवाल
क्या CSS को minify करने से मेरा डिज़ाइन टूट सकता है?
नहीं, जब सिर्फ कमेंट्स और व्हाइटस्पेस हटाए जाएं। यह टूल स्ट्रिंग्स और url() वैल्यूज को जैसे हैं वैसे रखता है। अगर पब्लिश करने के बाद पेज अलग दिखता है, तो आमतौर पर कारण पुरानी कैश्ड फाइल होती है, इसलिए कैश क्लियर करें या फाइल नाम में वर्ज़न नंबर जोड़ें।
Minifying और compressing में क्या फर्क है?
Minifying फाइल को फिर से लिखता है ताकि इसमें कम कैरेक्टर्स हों। Compression जैसे gzip या Brotli सर्वर द्वारा फाइल भेजते समय लागू किया जाता है। वे एक साथ काम करते हैं: पहले minify करें, फिर सर्वर को compress करने दें, और विज़िटर सबसे छोटा संभव वर्ज़न डाउनलोड करता है।
क्या यह अनयूज़्ड CSS को हटाता है?
नहीं। अनयूज़्ड रूल्स को हटाने के लिए आपके असली पेजेस का क्रॉल चाहिए, क्योंकि एक रूल जो अनयूज़्ड लगता है वह मेनू या पॉपअप को स्टाइल कर सकता है जो बाद में दिखता है। यह टूल सिर्फ वह कम करता है जो आप पेस्ट करते हैं, इसलिए हर रूल जो आपने लिखा है आउटपुट में रहता है।
लाइसेंस कमेंट्स को क्यों रखें?
कई लाइब्रेरीज़ मांगती हैं कि एक छोटी नोटिस फाइल में रहे। परंपरा के अनुसार ये कमेंट्स एक्सक्लेमेशन मार्क से शुरू होती हैं। ऑप्शन को टिक करें उन्हें रखने के लिए और वे आउटपुट में रहेंगी जबकि सभी दूसरी कमेंट्स हटा दी जाएंगी।