HTML मिनिफ़ायर

छोटा HTML, तेज़ पेज

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

छोटा HTML तेज़ी से डाउनलोड होता है, खास तौर पर मोबाइल नेटवर्क पर, और यह वह पहली फ़ाइल है जिसकी ब्राउज़र को कुछ भी दिखाना शुरू करने से पहले ज़रूरत होती है।

प्रोडक्शन के लिए एक कॉपी मिनिफ़ाई करें और एडिट करने के लिए अपना मूल, पढ़ने लायक सोर्स रखें।

HTML मिनिफ़ायर का इस्तेमाल कैसे करें

1. अपना HTML कोड पेस्ट करें।
2. मिनिफ़ाई करने के लिए सबमिट करें।
3. अक्षर गिनतियों की तुलना करें।
4. मिनिफ़ाई किया HTML कॉपी करें और डिप्लॉय करने से पहले पेज टेस्ट करें।

उदाहरण

एक छोटा पेज

इनपुट:

<!DOCTYPE html>
<html>
  <head>
    <title> My page </title>
  </head>
  <body>
    <!-- main nav -->
    <p class="intro">
      Hello   <b>world</b>
    </p>
  </body>
</html>

आउटपुट:

<!DOCTYPE html><html><head><title>My page</title><body><p class=intro>Hello <b>world</b>

व्हाइटस्पेस और कमेंट चले गए, intro के आसपास के उद्धरण चिह्न हटे, और जिन closing टैग को HTML छोड़ने देता है (जैसे </p>, </body> और </html>) वे हटा दिए गए। ब्राउज़र इसे वैसा ही दिखाते हैं।

आम उपयोग

• स्टैटिक HTML पेज और लैंडिंग पेज का साइज़ घटाना।
• HTML ईमेल टेम्पलेट कंप्रेस करना (कुछ ईमेल क्लाइंट बड़े मैसेज काट देते हैं)।
• दूसरी साइटों पर जड़े HTML स्निपेट और विजेट छोटे करना।
• बिल्ड टूल न होने पर प्रोडक्शन बिल्ड तैयार करना।
• मुख्य ईमेल ऐप में टेस्ट करने के बाद, भेजने से पहले HTML ईमेल टेम्पलेट छोटे करना।

सुझाव और ज़रूरी बातें

• मूल, पढ़ने लायक फ़ाइल रखें। मिनिफ़ाई किया कोड एडिट करना मुश्किल है।
• <pre> और <textarea> के अंदर का व्हाइटस्पेस मायने रखता है; मिनिफ़ाई करने के बाद वे हिस्से जाँचें।
• Gmail लगभग 102 KB से बड़े ईमेल काट देता है, इसलिए बड़े HTML ईमेल मिनिफ़ाई करने से वे पूरे रह सकते हैं।
• सर्वर कंप्रेशन (gzip या Brotli) मिनिफ़िकेशन के साथ मिलकर और भी छोटा ट्रांसफ़र देता है।
• अपनी स्टाइल और स्क्रिप्ट भी CSS मिनिफ़ायर और JS मिनिफ़ायर से मिनिफ़ाई करें।

खास स्थितियाँ और सीमाएँ

• वैकल्पिक closing टैग हटा दिए जाते हैं, जो मान्य HTML है, लेकिन उन टूल्स को उलझा सकता है जो हर टैग बंद होने की उम्मीद करते हैं, जैसे कुछ ईमेल बिल्डर या XML पार्सर। वहाँ आउटपुट इस्तेमाल करने से पहले टेस्ट करें।
• <pre> और <textarea> के अंदर का व्हाइटस्पेस बना रहता है, क्योंकि वहाँ उसका मतलब है।
• टेम्पलेट टैग (जैसे {{ }} या <?php ?>) बदल सकते हैं। टेम्पलेट नहीं, अंतिम रेंडर हुआ HTML मिनिफ़ाई करें।
• इनलाइन CSS और JavaScript भी मिनिफ़ाई होते हैं, इसलिए जाँचें कि पेज अब भी काम करता है।

अक्सर पूछे जाने वाले सवाल

HTML मिनिफ़ाई करने से क्या होता है?

यह ऐसे अक्षर हटाता है जिनकी ब्राउज़र को ज़रूरत नहीं, जैसे अतिरिक्त स्पेस, लाइन ब्रेक और कमेंट, जिससे फ़ाइल छोटी होती है।

क्या मिनिफ़ाई करने से मेरा पेज टूट सकता है?

कभी-कभार, लेकिन व्हाइटस्पेस पर निर्भर कंटेंट और इनलाइन स्क्रिप्ट प्रभावित हो सकते हैं। हमेशा मिनिफ़ाई किया वर्ज़न टेस्ट करें।

क्या मिनिफ़ाई किया HTML SEO में मदद करता है?

अप्रत्यक्ष रूप से। तेज़ पेज यूज़र अनुभव और Core Web Vitals बेहतर करते हैं। सर्च इंजन मिनिफ़ाई किया HTML ठीक से पढ़ते हैं।

मेरा HTML कितना छोटा होगा?

यह इस पर निर्भर है कि उसमें कितना व्हाइटस्पेस और कितने कमेंट हैं। हाथ से लिखे HTML के लिए 10–30% बचत आम है।

क्या मुझे अपने CMS से बना HTML मिनिफ़ाई करना चाहिए?

आमतौर पर कोई caching या performance प्लगइन यह तुरंत कर देता है। यह टूल स्टैटिक पेज, पहले से रेंडर किए टेम्पलेट और ईमेल HTML के लिए इस्तेमाल करें।

संबंधित टूल

• CSS मिनिफ़ायर: सभी ग़ैरज़रूरी अक्षर हटाकर अपना CSS मिनिफ़ाई करें।
• JS मिनिफ़ायर: गैरज़रूरी कैरेक्टर हटाकर अपना JS छोटा करें।
• HTML टैग रिमूवर: टेक्स्ट से सभी HTML टैग आसानी से हटाएँ।
• HTML एंटिटी कन्वर्टर: किसी भी इनपुट के HTML एंटिटी एनकोड या डिकोड करें।
• टेक्स्ट साइज़ कैलकुलेटर: टेक्स्ट का साइज़ बाइट (B), किलोबाइट (KB) या मेगाबाइट (MB) में पाएँ।