HTML मिनिफ़ायर

जहां whitespace रखा जाता है

spaces, tabs और line breaks का हर लगातार समूह गायब होने के बजाय एक single space बन जाता है, क्योंकि inline content के पास का space दिखाई देता है: Read <a href="/guide">the guide</a> now में लिंक के दोनों ओर के spaces बने रहते हैं। Whitespace केवल वहीं हटता है जहां ब्राउज़र उसे नहीं दिखाएगा: <p>, <li> या <div> जैसे block element की शुरुआत और अंत में, तथा block siblings के बीच, जैसे <li> items के बीच का indentation। <pre>, <textarea>, <script> और <style> के अंदर का टेक्स्ट जैसा लिखा है, वैसा ही छोड़ा जाता है।

CSS हटाए गए space को फिर से महत्वपूर्ण बना सकता है। display: inline-block से styled <div> या white-space: pre-wrap वाला paragraph उस whitespace को render करता है जिसे केवल HTML अदृश्य मानता है, इसलिए deploy करने से पहले rendered page की मूल पेज से तुलना करें।

ब्राउज़र parser क्या बदलता है

किसी component template जैसा fragment, fragment के रूप में ही लौटता है; doctype या <html>, <head> या <body> tag वाला input पूरा डॉक्यूमेंट बनकर लौटता है। दोनों ही स्थितियों में markup ब्राउज़र के parser से गुजरता है: बंद न किए गए tags बंद कर दिए जाते हैं, गलत जगह रखे elements को parser की निर्धारित जगह पर ले जाया जाता है, और किसी भी version का HTML doctype <!doctype html> बन जाता है। टिप्पणियों के रूप में लिखे गए framework markers समेत सभी comments हटा दिए जाते हैं।

Inline scripts और styles जैसे लिखे हैं, वैसे ही छोड़े जाते हैं। उनके content को अलग से minify करने के लिए JavaScript मिनिफ़ायर और CSS मिनिफ़ायर इस्तेमाल करें।

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

1. HTML पेस्ट करें।
2. HTML मिनिफ़ाई करें चुनें।
3. कॉम्पैक्ट दस्तावेज़ की समीक्षा करें और डाउनलोड करें।

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

दस्तावेज़ आपके डिवाइस पर ही रहता है। बनाई गई पेज फ़ाइलों को हमेशा टेस्ट करें, क्योंकि inline लेआउट में खाली जगह महत्वपूर्ण हो सकती है।