HTML मिनिफ़ाई करें

कौन-सी ख़ाली जगह मायने रखती है, और कौन-सी नहीं

HTML में दो इनलाइन एलिमेंट के बीच की स्पेस असली स्पेस होती है, और यही बात एक सावधान मिनिफ़ायर को पेज तोड़ने वाले मिनिफ़ायर से अलग करती है। दो लिंक के बीच की नई लाइन हटा दें तो स्क्रीन पर शब्द आपस में चिपक जाते हैं; किसी pre ब्लॉक या textarea के अंदर का इंडेंटेशन हटा दें तो कंटेंट ही बदल जाता है, क्योंकि वहां ख़ाली जगह ख़ुद कंटेंट है। इसलिए ख़ाली जगह सिर्फ़ वहीं हटाई जाती है जहां यह पक्का है कि वह दिखती नहीं, और जहां दिखती है वहां उसे बिल्कुल नहीं छुआ जाता। जो मिनिफ़ायर हर स्पेस एक जैसे हटा देता है, वह फ़ाइल तो छोटी कर देगा, पर पेज साफ़ तौर पर ग़लत दिखेगा।

कमेंट हटा दिए जाते हैं, क्योंकि वे सोर्स संभालने वाले के लिए होते हैं, पढ़ने वाले के लिए नहीं — सिवाय conditional comments के, जो नोट नहीं बल्कि निर्देश होते हैं। बेकार एट्रिब्यूट भी हटा दिए जाते हैं: script एलिमेंट पर type="text/javascript" दस साल से डिफ़ॉल्ट है, और form पर method="get" वही बताता है जो form वैसे भी करता है।

एट्रिब्यूट के कोटेशन हटाना वैध HTML है, और यह जान-बूझकर डिफ़ॉल्ट रूप से बंद है। स्पेसिफ़िकेशन बिना कोटेशन वाली एट्रिब्यूट वैल्यू की इजाज़त देता है, बशर्ते उसमें स्पेस या अटपटे कैरेक्टर न हों, और ब्राउज़र उसे बिल्कुल ठीक संभालते हैं। टेम्पलेट इंजन अक्सर नहीं संभालते: बिना कोटेशन वाले एट्रिब्यूट के अंदर Blade, Twig, Handlebars या JSX का एक्सप्रेशन ठीक से पार्स होना बंद हो जाता है, और गड़बड़ी बिल्ड के समय ऐसी फ़ाइल में सामने आती है जिसे कोई पढ़ना नहीं चाहता। बचत छोटी है और जोखिम छोटा नहीं, इसलिए इसे आपको ख़ुद चालू करना होता है।

इससे असल में कितना फ़ायदा होता है, इसका सही पैमाना कंप्रेशन के बाद का साइज़ है, पहले का नहीं। सर्वर HTML को gzip या brotli से कंप्रेस करके भेजते हैं, और ये एल्गोरिद्म दोहराई गई ख़ाली जगह को बहुत अच्छे से संभालते हैं — इसलिए जो डॉक्यूमेंट मिनिफ़ाई होकर 100 KB से 70 KB हो जाता है, वह नेटवर्क पर शायद सिर्फ़ 12 KB से 11 KB होगा। HTML मिनिफ़ाई करना फ़ायदेमंद है, पर तीनों में यह सबसे छोटी बचत है; असली वज़न स्टाइलशीट और स्क्रिप्ट में होता है।

जब आपको कुछ और चाहिए

एक फ़ाइल नहीं बल्कि पूरी साइट के लिए यह काम ब्राउज़र टैब में नहीं, बिल्ड में होना चाहिए। आज का हर फ़्रेमवर्क और स्टैटिक साइट जनरेटर बिल्ड के समय HTML मिनिफ़ाई करता है, और इसे हाथ से करने का मतलब है कि जिस दिन कोई भूल गया, उसी दिन यह होना बंद हो जाएगा। उनके पीछे की लाइब्रेरी को एक-एक ट्रांसफ़ॉर्म तक कॉन्फ़िगर किया जा सकता है, जो तब काम आता है जब कोई ख़ास नियम परेशानी दे रहा हो।

मार्कअप ऑप्टिमाइज़ करने से पहले देखें कि पेज असल में कितना भारी है। लगभग हर असली साइट में इमेज, फ़ॉन्ट और JavaScript के सामने HTML नगण्य होता है — Lighthouse या ब्राउज़र का अपना नेटवर्क पैनल सेकंडों में बता देगा, और आम तौर पर जवाब यही निकलता है कि एक बिना ऑप्टिमाइज़ की हुई बड़ी हीरो इमेज पेज के पूरे मार्कअप से ज़्यादा भारी है।