ToolsMaxxing

HTML, CSS और JS मिनिफ़ायर

व्हाइटस्पेस, कमेंट और फ़ालतू बाइट हटाकर HTML, CSS और JavaScript छोटा करें।

आपकी फ़ाइलें आपके डिवाइस पर ही रहती हैं

यह कैसे काम करता है

  1. 1JavaScript, CSS या HTML चुनें।
  2. 2अपना कोड पेस्ट करें, या उदाहरण आज़माएँ चुनें।
  3. 3उस भाषा के विकल्प सेट करें।
  4. 4मिनिफ़ाई किया कोड कॉपी करें या डाउनलोड करें, और बॉक्स के नीचे साइज़ वाली लाइन देखें।

विकल्पों का मतलब

JavaScript
Terser से कमेंट और व्हाइटस्पेस हटाता है, एक्सप्रेशन सरल करता है और जो कोड कभी चलता नहीं उसे हटाता है।
वेरिएबल के नाम छोटे करें
लोकल वेरिएबल को एक अक्षर के नाम देता है। अगर आपका कोड रन टाइम पर नाम पढ़ता है, जैसे eval से, तो इसे बंद रखें।
CSS
csso से नियम मिलाता है, रंग और मान छोटे करता है और कमेंट हटाता है।
HTML
व्हाइटस्पेस समेटता है और कमेंट व फ़ालतू एट्रिब्यूट हटाता है।
इनलाइन CSS और JS भी मिनिफ़ाई करें
HTML में style और script टैग के अंदर के कोड को भी छोटा करता है।

प्राइवेसी

सब कुछ आपके ब्राउज़र में चलता है। आप जो पेस्ट करते हैं वह किसी सर्वर पर नहीं भेजा जाता। जारी न हुआ कोड आपके डिवाइस पर ही रहता है।

लोग अक्सर पूछते हैं

क्या मिनिफ़ाई किया कोड इस्तेमाल करना सुरक्षित है?

मिनिफ़ायर व्यवहार वैसा ही रखने के लिए बने हैं, फिर भी नतीजा टेस्ट करें। जो कोड फ़ंक्शन के नामों पर निर्भर है, eval पर टिका है या जिसमें सिंटैक्स की गलती है, वह टूट सकता है। अपनी मूल फ़ाइल सँभालकर रखें।

यह सिंटैक्स एरर क्यों बताता है?

JavaScript को छोटा करने से पहले पार्स किया जाता है, इसलिए ब्रैकेट छूटने जैसी गलतियाँ टूल को रोक देती हैं और लाइन दिखाती हैं। CSS और HTML में ढील ज़्यादा है और वे अक्सर जैसे लिखे हों वैसे ही मिनिफ़ाई हो जाते हैं।

मेरी फ़ाइल कितनी छोटी होगी?

यह इस पर निर्भर है कि उसमें कितना व्हाइटस्पेस और कितने कमेंट हैं। हाथ से लिखी फ़ाइलें अक्सर 20 से 60 प्रतिशत छोटी हो जाती हैं। अपने सर्वर पर gzip या Brotli चालू करने से और बचत होती है।

क्या यह आधुनिक JavaScript को सपोर्ट करता है?

हाँ। एरो फ़ंक्शन, क्लास, async फ़ंक्शन और ऑप्शनल चेनिंग जैसा मौजूदा सिंटैक्स चलता है। यह कोड को पुराने सिंटैक्स में नहीं बदलता।

क्या सोर्स मैप मिल सकता है?

नहीं। यह टूल सिर्फ़ मिनिफ़ाई किया कोड देता है। डीबगिंग के लिए सोर्स मैप चाहिए तो अपना बिल्ड टूल इस्तेमाल करें।

मिलते-जुलते टूल्स