इस जावास्क्रिप्ट मिनिफायर की मुख्य विशेषताएं
- तत्काल, ब्राउज़र में JS संपीड़न (सर्वर पर कोई फ़ाइल अपलोड नहीं)
- टिप्पणियाँ हटाता है और अनावश्यक व्हाइटस्पेस/न्यूलाइन्स को संकुचित करता है
- टर्सर के समान AST-आधारित संपीड़न (सुरक्षित स्थितियों में कॉन्स्टेंट फोल्डिंग, डेड-कोड रिमूवल)
- वैकल्पिक आइडेंटिफायर मैंगलिंग और एपीआई या बिल्ड इंटीग्रेशन के माध्यम से उन्नत फ्लैग्स
- आधुनिक जावास्क्रिप्ट (ES2015+), क्लासिक स्क्रिप्ट्स और सरल मॉड्यूल आउटपुट के साथ काम करता है
- मिनिफाइड जावास्क्रिप्ट की वन-क्लिक कॉपी या डाउनलोड
- जावास्क्रिप्ट फॉर्मेटर के समान कोर कंपोनेंट का उपयोग करता है: एक क्रिया से फॉर्मेटेड और मिनिफाइड आउटपुट के बीच स्विच करें
- अधिकतम गोपनीयता के लिए 100% क्लाइंट-साइड प्रोसेसिंग
🛠️ जावास्क्रिप्ट को कैसे मिनिफाई करें for javascript-minifier
अपना JS पेस्ट या अपलोड करें
एडिटर में .js/.mjs फ़ाइल ड्रॉप करें या सीधे अपनी जावास्क्रिप्ट पेस्ट करें। यह टूल सिंगल स्क्रिप्ट्स, यूटिलिटी फ़ाइलों और छोटे बंडल्स के लिए आदर्श है।
मिनिफिकेशन मोड चुनें
जावास्क्रिप्ट फॉर्मेटर के समान कंपोनेंट का उपयोग करें: फॉर्मेटेड कोड के बजाय संपीड़ित आउटपुट प्राप्त करने के लिए मिनिफाई एक्शन पर स्विच करें।
मिनिफायर चलाएं
आपका कोड AST में पार्स किया जाता है, टिप्पणियाँ और अतिरिक्त व्हाइटस्पेस हटा दिए जाते हैं, और बंडल आकार कम करने के लिए सुरक्षित संपीड़न पास लागू किए जाते हैं।
परिणाम कॉपी या डाउनलोड करें
आउटपुट एडिटर से मिनिफाइड जावास्क्रिप्ट कॉपी करें या इसे .min.js फ़ाइल के रूप में डाउनलोड करें और अपने HTML, CDN या बिल्ड आउटपुट में शामिल करें।
तकनीकी विशिष्टताएं
कोर ट्रांसफॉर्मेशन्स (सुरक्षित डिफॉल्ट्स)
रूढ़िवादी डिफॉल्ट्स कोड आकार को महत्वपूर्ण रूप से कम करते हुए रनटाइम व्यवहार को संरक्षित करने के लिए डिज़ाइन किए गए हैं।
| ऑपरेशन | लागू | टिप्पणियाँ |
|---|---|---|
| लाइन और ब्लॉक टिप्पणियाँ हटाएं | ✅ | लाइसेंस टिप्पणियाँ (/*! ... */) कॉन्फ़िगरेशन/एपीआई के माध्यम से संरक्षित की जा सकती हैं |
| व्हाइटस्पेस और न्यूलाइन्स को संक्षिप्त करें | ✅ | व्हाइटस्पेस को सिमेंटिकली सुरक्षित जगहों पर सामान्यीकृत किया गया; स्ट्रिंग और रेजेक्स सामग्री संरक्षित |
| कॉन्स्टेंट फोल्डिंग और सरल इनलाइनिंग | ✅ | केवल तब जब परिणाम सिद्ध रूप से समतुल्य हो |
| डेड-कोड एलिमिनेशन | ✅ | कॉन्स्टेंट प्रोपेगेशन के बाद अनुपलब्ध शाखाओं को हटाता है |
| आइडेंटिफायर मैंगलिंग | ✅ वैकल्पिक | वेरिएबल और फंक्शन नामों को छोटा करता है; उन्नत विकल्पों/एपीआई के माध्यम से कॉन्फ़िगर करने योग्य |
| डिबगिंग हेल्पर्स हटाएं (console/debugger) | ✅ वैकल्पिक | सक्षम किया जा सकता है जब आप प्रोडक्शन में कंसोल आउटपुट पर निर्भर नहीं होते |
सुरक्षा और संगतता नियंत्रण
उन्नत विकल्प (मुख्य रूप से बिल्ड टूल्स/एपीआई के माध्यम से उजागर) मिनिफिकेशन कितना आक्रामक होना चाहिए, इसे ट्यून करने में मदद करते हैं।
| विकल्प | डिफ़ॉल्ट | व्याख्या |
|---|---|---|
| ecma लक्ष्य | 2020 | आउटपुट सिंटैक्स और कुछ कंप्रेस नियमों को नियंत्रित करता है |
| मॉड्यूल बनाम स्क्रिप्ट | स्क्रिप्ट | ईएसएम बंडल्स के लिए मॉड्यूल/टॉपलेवल ऑप्टिमाइज़ेशन सक्षम करें |
| keep_fnames / keep_classnames | false | बेहतर स्टैक ट्रेस या डीआई फ्रेमवर्क के लिए नाम संरक्षित करें |
| safari10 / लीगेसी क्विर्क्स | off | केवल तब सक्षम करें जब विशिष्ट लीगेसी इंजन को लक्षित कर रहे हों |
| toplevel | false | उन्नत ट्री-शेकिंग के लिए अनयूज्ड टॉप-लेवल बाइंडिंग्स को ड्रॉप करने की अनुमति देता है |
विशिष्ट आकार कमी
बचत मूल फॉर्मेटिंग, टिप्पणी घनत्व और डेड कोड की मात्रा पर निर्भर करती है।
| इनपुट शैली | केवल कंप्रेस | संपीड़न + मैंगल (आक्रामक) |
|---|---|---|
| भारी टिप्पणीयुक्त और रिक्त स्थान वाला | 35%–55% | 50%–70% |
| मध्यम रूप से स्वरूपित एप्लिकेशन कोड | 20%–35% | 35%–55% |
| पहले से संक्षिप्त कोड | 5%–15% | 10%–25% |
प्रोडक्शन बिल्ड्स के लिए CLI विकल्प
पूर्ण एप्लिकेशन और मल्टी-फाइल प्रोजेक्ट्स के लिए, अपने CI/CD पाइपलाइन में मिनिफिकेशन को एकीकृत करें।
Node.js
Terser (सामान्य मामला)
npx terser src/app.js -o dist/app.min.js -c ecma=2020,passes=2 -mमजबूत आकार कमी के लिए दो कंप्रेस पास प्लस आइडेंटिफायर मैंगलिंग।
आरक्षित नाम और drop_console के साथ Terser
npx terser src/app.js -o dist/app.min.js -c passes=2,drop_console=true -m reserved=["React","ReactDOM"] --keep-fnamesमहत्वपूर्ण ग्लोबल्स को सुरक्षित रखें, कंसोल कॉल्स हटाएं, और डीबगिंग के लिए फंक्शन नाम रखें।
Linux/macOS/Windows
esbuild (बहुत तेज़)
npx esbuild src/app.js --minify --target=es2018 --outfile=dist/app.min.jsएक ही, अत्यंत तेज़ चरण में बंडल और मिनिफाई करें।
SWC (Rust-आधारित)
npx swc src -d dist --minifyउच्च-प्रदर्शन Rust इंजन के साथ ट्रांसपाइल और मिनिफाई करें।
सामान्य उपयोग के मामले
वेब प्रदर्शन और कोर वेब वाइटल्स
- तेज़ LCP और TTI के लिए जावास्क्रिप्ट ट्रांसफर आकार कम करें
- डिप्लॉयमेंट से पहले डीबग टिप्पणियाँ और लॉगिंग ट्रिम करें
- gzip/brotli कंप्रेशन से पहले क्लाइंट-साइड बंडल्स सिकोड़ें
/* बिल्ड-ओनली टिप्पणी जो मिनिफाइड आउटपुट में हटा दी जाएगी */CI/CD और रिलीज़ ऑटोमेशन
- अपने बिल्ड पाइपलाइन में अंतिम चरण के रूप में JS मिनिफाई करें
- CDN के लिए छोटे, कैश-फ्रेंडली बंडल तैयार करें
- HTML/CSS मिनिफायर्स के साथ प्रोडक्शन-रेडी एसेट्स जनरेट करें
विजेट्स, एम्बेड्स और प्रयोग
- टैग मैनेजर के माध्यम से कॉम्पैक्ट स्निपेट भेजें
- तीसरे पक्ष के पेजों में मिनीफाइड विजेट एम्बेड करें
- महत्वपूर्ण स्क्रिप्ट्स पर विभिन्न कंप्रेस रणनीतियों के साथ प्रयोग करें
❓ Frequently Asked Questions
क्या जावास्क्रिप्ट को मिनीफाई करने से मेरा कोड चलने का तरीका बदल जाएगा?
क्या यह टूल सीधे TypeScript या JSX को हैंडल करता है?
क्या मेरी जावास्क्रिप्ट सर्वर पर अपलोड की जाती है?
मेरी जावास्क्रिप्ट फाइल कितनी बड़ी हो सकती है?
फॉर्मेटिंग और मिनीफाइंग में क्या अंतर है?
Pro Tips
अनेक लाइब्रेरीज़ में अतिरिक्त डेड-कोड प्रूनिंग अनलॉक करने के लिए अपने बंडलर में NODE_ENV=production (या समकक्ष) परिभाषित करें।
अनमिनीफाइड सोर्सेज (और, बड़े ऐप्स के लिए, सोर्स मैप्स) वर्जन कंट्रोल में रखें, और प्रोडक्शन में केवल मिनीफाइड एसेट्स सर्व करें।
विंडो या ग्लोबलथिस से जुड़े पब्लिक APIs की सुरक्षा के लिए मैंगलिंग करते समय आरक्षित नामों का उपयोग करें।
गुणात्मक आकार बचत प्राप्त करने के लिए मिनीफिकेशन को CDN या सर्वर स्तर पर gzip या brotli के साथ संयोजित करें।
Additional Resources
Other Tools
- सीएसएस सुंदरीकरण
- एचटीएमएल सुंदरीकरण
- जावास्क्रिप्ट सुंदरीकरण
- पीएचपी सुंदरीकरण
- रंग चयनकर्ता
- स्प्राइट एक्सट्रैक्टर
- बेस64 डिकोडर
- बेस64 एनकोडर
- सीशार्प फॉर्मेटर
- सीएसवी फॉर्मेटर
- Dockerfile Formatter
- एल्म फॉर्मेटर
- ईएनवी फॉर्मेटर
- गो फॉर्मेटर
- ग्राफक्यूएल फॉर्मेटर
- एचसीएल फॉर्मेटर
- आईएनआई फॉर्मेटर
- जेएसओएन फॉर्मेटर
- लेटेक्स फॉर्मेटर
- मार्कडाउन फॉर्मेटर
- ऑब्जेक्टिवसी फॉर्मेटर
- Php Formatter
- प्रोटो फॉर्मेटर
- पायथन फॉर्मेटर
- रूबी फॉर्मेटर
- रस्ट फॉर्मेटर
- स्काला फॉर्मेटर
- शेल स्क्रिप्ट फॉर्मेटर
- एसक्यूएल फॉर्मेटर
- SVG फॉर्मेटर
- Swift फॉर्मेटर
- TOML फॉर्मेटर
- Typescript Formatter
- XML फॉर्मेटर
- YAML फॉर्मेटर
- Yarn फॉर्मेटर
- सीएसएस मिनीफायर
- Html Minifier
- जेएसओएन मिनीफायर
- XML मिनिफायर
- एचटीटीपी हेडर्स दर्शक
- पीडीएफ से टेक्स्ट
- रेगेक्स परीक्षक
- एसईआरपी रैंक जांचकर्ता
- Whois लुकअप