CSS मिनिफ़ायर

व्हाइटस्पेस और कमेंट हटाना मिनिफ़िकेशन का स्पष्ट, आसान हिस्सा है — हर मिनिफ़ायर यह करता है, और अकेले यह फ़ाइंड-एंड-रिप्लेस पास से मुश्किल से ज़्यादा है। जो चीज़ किसी असली CSS-अवेयर मिनिफ़ायर को सादे व्हाइटस्पेस हटाने से अलग करती है वह है हर वह चीज़ जिसे स्टाइलशीट को असल में समझने की ज़रूरत है: शॉर्टहैंड वैल्यू कंप्रेशन, जहाँ `#ffffff` लिखा गया रंग `#fff` बन जाता है और बेकार ज़ीरो यूनिट छूट जाती हैं, और डुप्लिकेट या ओवरलैप करने वाले रूल का मर्जिंग, जहाँ दो रूल जो अंत में एक जैसी घोषणाएँ लागू करते हैं उन्हें एक में मिला दिया जाता है। दोनों को पहले CSS को एक असली स्ट्रक्चर में पार्स करना ज़रूरी है — यह जानना कि कौन-सा सिलेक्टर किन घोषणाओं पर लागू होता है, और कौन-सी वैल्यू बराबर हैं — यही वजह है कि csso टेक्स्ट पर पैटर्न-मैच करने की बजाय एक असली सिंटैक्स ट्री बनाता है, वही वजह जिससे कोई असली पार्सर रेगेक्स पास से बेहतर साबित होता है।

आधुनिक बिल्ड टूल अपने CSS आउटपुट को प्रोडक्शन बिल्ड के हिस्से के रूप में अपने आप मिनिफ़ाई करते हैं, तो किसी बंडल्ड प्रोजेक्ट में काम करने वाले किसी भी व्यक्ति के लिए मिनिफ़िकेशन हर बिल्ड पर पहले से अदृश्य रूप से हो जाता है। इसके जैसा कोई स्टैंडअलोन टूल उसे कवर करता है जो उस पाइपलाइन से बाहर आता है: बिना किसी बिल्ड स्टेप वाला कोई CMS या प्लेटफ़ॉर्म, कोई जल्दी वाला एक-बार का स्निपेट जिसे कहीं साइज़-सीमित जगह फ़िट होना है, या बस यह जाँचना कि कोई दी गई स्टाइलशीट असल में कितनी छोटी होगी, इससे पहले कि टूलिंग जोड़ना इसके लायक़ है या नहीं यह तय किया जाए। किसी एक बार चाहिए हुई फ़ाइल के लिए, इसे यहाँ पेस्ट करना और नतीजा वापस कॉपी करना उसी आउटपुट तक पहुँचने का तेज़ रास्ता है जो कोई बंडलर बनाता।

कोई CSS-अवेयर मिनिफ़ायर जान-बूझकर इस बारे में सतर्क रहता है कि वह क्या मर्ज या दोबारा लिखेगा: कस्टम प्रॉपर्टी (CSS वेरिएबल), मीडिया क्वेरी, कीफ़्रेम एनिमेशन और वेंडर-प्रीफ़िक्स्ड घोषणाएँ सब बिल्कुल वैसी ही बरक़रार रहती हैं जैसी लिखी गई थीं, क्योंकि इन्हें ग़लत तरीक़े से समेटने से पेज के कुछ ब्राउज़र या स्क्रीन साइज़ पर रेंडर होने का तरीक़ा चुपचाप बदल सकता है, न कि सिर्फ़ सोर्स दिखने का तरीक़ा। जो ऑप्टिमाइज़ेशन अपने आप करना सुरक्षित हैं — व्हाइटस्पेस, कमेंट, शॉर्टहैंड वैल्यू, वाक़ई डुप्लिकेट रूल — वे वे हैं जिनका रेंडर हुए पेज पर कोई असर नहीं हो सकता, यही पूरा डिज़ाइन सिद्धांत है जिसके पीछे किसी ज़्यादा कठोर, जोखिम भरे फ़ाइंड-एंड-रिप्लेस तरीक़े की बजाय एक असली पार्सर इस्तेमाल किया जाता है।