CSS मिनिफाई करें – ऑनलाइन फ्री CSS मिनिफायर और ब्यूटिफायर
अपने ब्राउज़र में तुरंत CSS मिनिफाई या ब्यूटिफाई करें। कमेंट और खाली जगह हटाकर फ़ाइल का साइज़ घटाएं।
🔒 आपकी फ़ाइल आपके ब्राउज़र से बाहर नहीं जाती। सारी प्रोसेसिंग लोकल में होती है।
CSS ऑनलाइन मिनिफाई कैसे करें
- 1
अपना CSS पेस्ट करें
इनपुट बॉक्स में अपना CSS कोड पेस्ट करें या टाइप करें।
- 2
मिनिफाई या ब्यूटिफाई चुनें
CSS को छोटा करने के लिए “CSS मिनिफाई करें” दबाएं, या एक समान इंडेंटेशन के साथ फ़ॉर्मैट करने के लिए “CSS ब्यूटिफाई करें” दबाएं।
- 3
नतीजा कॉपी करें
आउटपुट दाईं ओर दिखता है। उसे क्लिपबोर्ड में लेने के लिए “कॉपी करें” दबाएं।
CSS रेंडर को ब्लॉक करता है: head में मौजूद हर स्टाइलशीट डाउनलोड और पार्स होने तक ब्राउज़र कुछ भी नहीं दिखा सकता। इसलिए स्टाइलशीट के कुछ किलोबाइट भी First Contentful Paint को धीमा कर देते हैं, खासकर मोबाइल कनेक्शन पर। CSS मिनिफाई करना सबसे सस्ता ऑप्टिमाइज़ेशन है – न बिल्ड पाइपलाइन चाहिए, न कोड में बदलाव; बस एक छोटी फ़ाइल जो बिल्कुल वैसी ही दिखती है।
क्या हटाया जाता है: कमेंट, इंडेंटेशन, नई पंक्तियां, कर्ली ब्रैकेट और कोलन के आसपास की खाली जगह, और हर क्लोज़िंग ब्रैकेट से पहले का आखिरी सेमीकोलन। सिलेक्टर, प्रॉपर्टी के नाम और वैल्यू कभी नहीं बदलते, इसलिए मिनिफाई किया हुआ CSS हूबहू मूल की तरह काम करता है। ब्यूटिफाई इसका उलटा करता है: प्रोडक्शन की स्टाइलशीट को साफ़ इंडेंटेशन वाले पढ़ने लायक नियमों में बदल देता है।
अगर आपकी स्टाइलशीट खाली जगह की वजह से नहीं बल्कि इस्तेमाल न होने वाले नियमों की वजह से बड़ी है, तो मिनिफाई करने से ज़्यादा बचत नहीं होगी; पहले अपने बिल्ड में बेकार सिलेक्टर हटाएं। बाकी एसेट के लिए JS मिनिफायर और HTML मिनिफायर यही तरीका स्क्रिप्ट और मार्कअप पर लागू करते हैं।