Toolyard

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

कोड कैसे मिनिफ़ाई करें

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

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

ठीक-ठीक क्या हटता है?

टिप्पणियाँ और बेकार की ख़ाली जगह। CSS में कोष्ठक, सेमीकोलन, कॉमा और कोलन के पास की जगह हटती है, और हर ब्लॉक का आख़िरी सेमीकोलन भी। HTML में लगातार ख़ाली जगह एक में सिमट जाती है और टिप्पणियाँ हटती हैं। JavaScript में टिप्पणियाँ और इंडेंट हटते हैं।

JavaScript में पंक्ति-विराम क्यों बचे रहते हैं?

क्योंकि उन्हें हटाने से कोड का मतलब बदल सकता है। JavaScript पंक्ति के अंत में सेमीकोलन जोड़ देता है, इसलिए उस पर टिकी दो पंक्तियों को जोड़ देना उन्हें तोड़ देगा। सिर्फ़ इंडेंट, ख़ाली पंक्तियाँ और टिप्पणियाँ हटती हैं, जो किसी भी कोड पर सुरक्षित है।

क्या यह बिल्ड टूल की तरह वेरिएबल के नाम बदलता है?

नहीं। नाम छोटे करना और अभिव्यक्तियाँ फिर से लिखना असली पार्सर मांगता है और यह esbuild, terser या SWC जैसे बंडलर का काम है। यह उपकरण हाथ से फ़ाइल छाँटने के लिए है, जहाँ बचत आम तौर पर 10% से 30% रहती है।

स्ट्रिंग और रेगुलर एक्सप्रेशन के साथ यह सुरक्षित है?

हाँ। स्कैनर उद्धरण चिह्न, टेम्पलेट लिटरल और रेगुलर एक्सप्रेशन का हिसाब रखता है, इसलिए किसी स्ट्रिंग के भीतर टिप्पणी का निशान, या रेगुलर एक्सप्रेशन के भीतर स्लैश, छुआ नहीं जाता।

HTML टैगों के बीच की जगह क्यों बची रहती है?

दो इनलाइन तत्वों के बीच की जगह पन्ने पर दिखती है, इसलिए उसे हटाने से शब्द आपस में सट जाएँगे। अगर आपका मार्कअप पूरा ब्लॉक तत्वों का है और आप वह जगह हटाना चाहते हैं तो दूसरा डिब्बा चुनें।

यह काम gzip पहले से नहीं करता?

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

मेरा कोड अपलोड होता है?

नहीं। टेक्स्ट आपके ब्राउज़र में प्रोसेस होता है और कहीं नहीं भेजा जाता।

और डेवलपर टूल