कोड मिनीफायर

संदर्भ

कोड मिनीफिकेशन क्या है?

कोड मिनीफिकेशन सोर्स कोड से अनावश्यक अक्षर — व्हाइटस्पेस, कमेंट, लाइन ब्रेक और वैकल्पिक डिलीमिटर — हटाता है बिना कोड के व्यवहार को बदले। परिणाम एक छोटी फ़ाइल है जो नेटवर्क पर तेज़ी से डाउनलोड होती है। मिनीफिकेशन हर आधुनिक फ्रंट-एंड बिल्ड पाइपलाइन में एक मानक कदम है और HTML, CSS और JavaScript के लिए Google के वेब प्रदर्शन दिशानिर्देशों द्वारा अनुशंसित है।

HTML मिनीफिकेशन

HTML मिनीफिकेशन HTML कमेंट (<!-- ... -->) हटाता है और टैग के बीच व्हाइटस्पेस को कोलैप्स करता है। ब्राउज़र HTML में अतिरिक्त व्हाइटस्पेस को अनदेखा करते हैं, इसलिए इसे हटाने से कोई दृश्य प्रभाव नहीं पड़ता लेकिन फ़ाइल साइज़ कम होता है। विशिष्ट HTML मिनीफिकेशन बचत फॉर्मेटिंग शैली और कमेंट घनत्व के आधार पर 10–25% होती है।

CSS मिनीफिकेशन

CSS मिनीफिकेशन कमेंट (/* ... */) हटाता है, व्हाइटस्पेस कोलैप्स करता है, और {, }, :, ; और , के आसपास स्पेस हटाता है। अच्छी तरह कमेंट की गई CSS फ़ाइलें आमतौर पर 20–40% साइज़ कमी देखती हैं। प्रोडक्शन के लिए, cssnano और Lightning CSS जैसे टूल डुप्लिकेट नियम मर्ज करके, रंग छोटे करके (#ffffff → #fff) और अनावश्यक प्रीफिक्स हटाकर आगे जाते हैं।

JavaScript मिनीफिकेशन

यह टूल कंज़र्वेटिव JavaScript मिनीफिकेशन करता है: सिंगल-लाइन कमेंट (// ...), मल्टी-लाइन कमेंट (/* ... */) हटाता है, और व्हाइटस्पेस कोलैप्स करता है। यह सुरक्षित और तेज़ है, लेकिन पूर्ण ऑप्टिमाइज़र नहीं — यह वेरिएबल रीनेम, ट्री-शेक या डेड कोड नहीं हटाता। प्रोडक्शन बिल्ड के लिए: Terser (Webpack/Vite मानक), esbuild (अत्यंत तेज़, Go-आधारित), या SWC (Rust-आधारित, Next.js द्वारा उपयोग) का प्रयोग करें। ये टूल मिनीफिकेशन और वेरिएबल मैंगलिंग मिलाकर 40–70% साइज़ कमी प्राप्त करते हैं।

गोपनीयता

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