CSS मिनिफ़ायर

रीस्ट्रक्चर करने से क्या होता है

Whitespace हटाने के अलावा minifier values को छोटा करता है (#ffffff को #fff, 0px को 0) और rules को merge करता है। समान declarations वाले दो selectors को एक rule में मिला दिया जाता है और cascade की अनुमति होने पर declarations को rules के बीच ले जाया जा सकता है। इसलिए output आपके source के क्रम का पालन नहीं करता और selector को खोजने पर वह अन्य selectors के साथ grouped मिल सकता है। परिणाम पढ़ने के लिए उसे CSS फ़ॉर्मैटर से expand करें।

लाइसेंस comments बने रहते हैं

सामान्य comments हटा दिए जाते हैं, लेकिन /*! से शुरू होने वाला comment रखा जाता है। Libraries copyright और license notices के लिए इसी convention का उपयोग करती हैं, जिन्हें code के साथ रहना आवश्यक होता है। इसलिए ऐसे notices को इसी रूप में रखें और minified फ़ाइल compliant रहेगी।

Minification output और source के बीच का link भी हटा देती है। Browser developer tools minified CSS को मूल CSS से केवल source map के ज़रिए map करते हैं, जिसे build tools बनाते हैं और यह पेज नहीं बनाता। इसलिए readable फ़ाइल को वही फ़ाइल रखें जिसे आप edit करते हैं।

इस्तेमाल करने का तरीका

1. CSS पेस्ट करें।
2. CSS मिनिफ़ाई करें विकल्प चुनें।
3. ऑप्टिमाइज़ की गई स्टाइलशीट कॉपी या डाउनलोड करें।

गोपनीयता और सीमाएँ

CSS आपके ब्राउज़र में ही रहता है। डिप्लॉय करने से पहले विज़ुअल और ब्राउज़र-सपोर्ट संबंधी आवश्यकताओं के अनुसार परिणाम की जाँच करें।