पहली नज़र में HTML मार्कअप में स्पेस बेमतलब लगते हैं — ब्राउज़र वैसे भी सब कुछ सही तरीक़े से रेंडर कर देगा। पर डॉक्यूमेंट की कुछ जगहें इसका अपवाद हैं, जहाँ स्पेस हटाना वाक़ई पेज का लुक बदल देता है।
क्या हटाना सुरक्षित है
मिनिफ़ायर HTML कमेंट्स <!-- ... --> हटाता है, टैग्स के बीच ज़रूरत से ज़्यादा स्पेस और लाइन ब्रेक हटाता है, ऐसे एट्रिब्यूट्स के आसपास के कोट्स हटाता है जिनकी वैल्यू में स्पेस न हो, और कभी-कभी </li> जैसे ऑप्शनल क्लोज़िंग टैग्स भी हटाता है।
क्लासिक ग़लती: दो शब्द एक बन जाना
दो इनलाइन एलिमेंट्स के बीच का एक स्पेस पेज पर दिखने वाला असल गैप है, सिर्फ़ सोर्स कोड की फ़ॉर्मैटिंग नहीं। <span>नमस्ते</span> <span>दुनिया</span> "नमस्ते दुनिया" दिखाता है, गैप के साथ; अगर वह स्पेस लापरवाही से हटा दिया जाए, तो नतीजा "नमस्तेदुनिया" बन जाता है — बिना किसी एरर के, चुपचाप। एक सावधान मिनिफ़ायर सिर्फ़ वही स्पेस हटाता है जिसका कोई विज़ुअल असर नहीं होता (जैसे ब्लॉक टैग्स के बीच), और इनलाइन एलिमेंट्स के बीच का स्पेस छेड़ता नहीं।
डेवलपमेंट के दौरान मिनिफ़िकेशन बनाम रीडेबिलिटी
डेवलपमेंट के दौरान HTML आमतौर पर इंडेंटेशन के साथ फ़ॉर्मैटेड छोड़ा जाता है — इससे DevTools में स्ट्रक्चर ढूँढना आसान होता है। मिनिफ़िकेशन सिर्फ़ पब्लिश करने से पहले फ़ाइनल बिल्ड पर लागू होती है।
यह क्यों ज़रूरी है
- प्रोडक्शन में पब्लिश करने से पहले HTML पेज का साइज़ घटाना।
- फ़ाइनल मार्कअप वर्ज़न से डेवलपर के कमेंट्स हटाना।
- स्पेस सिर्फ़ वहीं हटाकर ग़लतियों से बचना जहाँ यह वाक़ई सुरक्षित हो।
भारत में मोबाइल-फ़र्स्ट यूज़र्स के लिए हर KB मायने रखता है
भारत में वेब ट्रैफ़िक का बड़ा हिस्सा मोबाइल से आता है, और उसमें भी एक अच्छा-ख़ासा हिस्सा एंट्री-लेवल डिवाइसेज़ और सीमित डेटा प्लान्स पर निर्भर करता है, ख़ासकर छोटे शहरों और गाँवों में। ऐसे यूज़र-बेस के लिए HTML पेज का हर एक्स्ट्रा KB थोड़ा ज़्यादा वेट, थोड़ा ज़्यादा डेटा खर्च, और थोड़ा धीमा लोड टाइम मतलब रखता है — इसलिए HTML मिनिफ़िकेशन जैसी छोटी ऑप्टिमाइज़ेशन भी यहाँ पूरी तरह symbolic नहीं, बल्कि प्रैक्टिकली उपयोगी है।