JavaScript मिनिफ़ायर
JavaScript कोड छोटा और संपीड़ित करें
इनपुट JavaScript
टिप्पणियाँ और debugger स्टेटमेंट हटाता है, console लॉग बनाए रखता है।
आपके ब्राउज़र में चलता है। आपका कोड इसी डिवाइस पर रहता है।
त्रुटियाँ और चेतावनियाँ
JavaScript मिनिफ़िकेशन के सुझाव
- डिप्लॉय करने से पहले अपनी मिनिफ़ाई की हुई JavaScript का परीक्षण करें।
- डीबगिंग के लिए मूल स्रोत फ़ाइलें सुरक्षित रखें।
- जब आपका कोड फ़ंक्शन या क्लास के नामों पर निर्भर हो, तब नाम मैंगलिंग सावधानी से इस्तेमाल करें।
- मिनिफ़िकेशन को gzip या Brotli संपीड़न के साथ मिलाएँ।
- प्रोडक्शन में मिनिफ़िकेशन को स्वचालित करने के लिए बिल्ड टूल इस्तेमाल करें।
मिनिफ़ाई की गई JavaScript
संपीड़न के परिणाम
- मूल आकार
- —
- मिनिफ़ाइड आकार
- —
- बचाए गए बाइट
- —
- संपीड़न
- —
- पंक्तियाँ
- —
पहले और बाद में
पहले
—
बाद में
—
JavaScript मिनिफ़ायर टूल के बारे में
हमारा मुफ़्त ऑनलाइन JavaScript मिनिफ़ायर व्हाइटस्पेस, टिप्पणियाँ और अनावश्यक वर्ण हटाकर आपके JS कोड को संपीड़ित करता है और सबसे छोटा संभव आउटपुट देता है। उद्योग-मानक JavaScript संपीड़न इंजन Terser पर आधारित यह टूल ऐरो फ़ंक्शन, टेम्पलेट लिटरल, क्लास, डीस्ट्रक्चरिंग जैसे आधुनिक ES6+ सिंटैक्स को संभालता है।
अपनी ज़रूरत के अनुसार तीन मिनिफ़िकेशन स्तरों में से चुनें। सुरक्षित प्रीसेट सभी टिप्पणियाँ और वेरिएबल नाम जस के तस रखता है। अनुशंसित प्रीसेट टिप्पणियाँ और debugger स्टेटमेंट हटाता है, पर console लॉग बनाए रखता है। आक्रामक प्रीसेट अधिकतम फ़ाइल आकार घटाने के लिए पूरा नाम मैंगलिंग, डेड कोड हटाना और console लॉग हटाना चालू करता है।
सारी प्रोसेसिंग सीधे आपके ब्राउज़र में Terser लाइब्रेरी से होती है: आपका JavaScript कोड कभी किसी सर्वर पर अपलोड नहीं होता। टूल विस्तृत संपीड़न आँकड़े देता है: मूल आकार, मिनिफ़ाई किया आकार, बचाए गए बाइट, संपीड़न प्रतिशत और पंक्तियों में कमी। बस अपना कोड चिपकाएँ, प्रीसेट चुनें, और अनुकूलित JavaScript तुरंत पाएँ।
मुख्य सुविधाएँ
- पूर्ण ES6+ JavaScript सिंटैक्स सपोर्ट के साथ Terser-संचालित मिनिफ़िकेशन
- तीन मिनिफ़िकेशन प्रीसेट: सुरक्षित, अनुशंसित और आक्रामक संपीड़न स्तर
- अप्राप्य कोड पथ हटाने के लिए डेड कोड एलिमिनेशन
- वैकल्पिक console.log और debugger स्टेटमेंट हटाना
- अधिकतम संपीड़न के लिए आक्रामक मोड में वेरिएबल नाम मैंगलिंग (छोटा करना)
- टाइप करते समय डिबाउंस्ड प्रोसेसिंग के साथ रीयल-टाइम ऑटो-मिनिफ़िकेशन
- विस्तृत संपीड़न आँकड़े: मूल आकार, मिनिफ़ाई किया आकार, बचाए गए बाइट, अनुपात और पंक्ति संख्या
- कोष्ठक और कोष्ठकों के मिलान के साथ अंतर्निहित सिंटैक्स सत्यापन
- मौजूदा स्क्रिप्ट प्रोसेस करने के लिए JavaScript फ़ाइल (.js) अपलोड सपोर्ट
- एक क्लिक में क्लिपबोर्ड पर कॉपी और .js फ़ाइल के रूप में डाउनलोड
JavaScript मिनिफ़ायर का उपयोग कैसे करें
- मिनिफ़िकेशन स्तर चुनें: बुनियादी संपीड़न के लिए सुरक्षित, संतुलित अनुकूलन के लिए अनुशंसित, या नाम मैंगलिंग के साथ अधिकतम फ़ाइल आकार घटाने के लिए आक्रामक चुनें।
- अपना JavaScript दर्ज करें: अपना JS कोड टेक्स्ट क्षेत्र में चिपकाएँ, .js फ़ाइल अपलोड करें, या डेमो देखने के लिए नमूना लोड करें पर क्लिक करें।
- प्रोसेसिंग का इंतज़ार करें: टूल थोड़ी देर बाद आपके कोड को अपने आप मिनिफ़ाई कर देता है और कंपाइल करते समय प्रोसेसिंग संकेतक दिखाता है।
- संपीड़न नतीजे देखें: आँकड़े वाले पैनल में देखें कि फ़ाइल आकार कितना घटा, जिसमें मूल और मिनिफ़ाई किए आकार, बचाए गए बाइट और पंक्ति संख्या शामिल हैं।
- कॉपी या डाउनलोड करें: मिनिफ़ाई किया JavaScript क्लिपबोर्ड पर कॉपी करने के लिए कॉपी पर क्लिक करें, या .js फ़ाइल के रूप में सहेजने के लिए डाउनलोड का उपयोग करें।
उपयोग के मामले
- प्रोडक्शन डिप्लॉयमेंट: फ़ाइल आकार घटाने और पेज लोड गति सुधारने के लिए डिप्लॉय से पहले JavaScript मिनिफ़ाई करें।
- प्रदर्शन अनुकूलन: Core Web Vitals, Time to Interactive और First Contentful Paint मेट्रिक सुधारने के लिए स्क्रिप्ट संपीड़ित करें।
- बैंडविड्थ में कमी: छोटी JS फ़ाइलें होस्टिंग लागत और डेटा ट्रांसफ़र घटाती हैं, ख़ासकर अधिक ट्रैफ़िक वाली वेबसाइटों के लिए।
- मोबाइल अनुकूलन: संपीड़ित JavaScript मोबाइल नेटवर्क पर तेज़ लोड होता है, जिससे मोबाइल उपयोगकर्ताओं का अनुभव बेहतर होता है।
- त्वरित एकल मिनिफ़िकेशन: अपनी बिल्ड पाइपलाइन के बाहर जब जल्दी अनुकूलन चाहिए, तब अलग-अलग स्क्रिप्ट मिनिफ़ाई करें।
- कोड समीक्षा और विश्लेषण: संपीड़न आँकड़ों से आँकें कि आपके कोडबेस में अनुकूलन की कितनी गुंजाइश है।
- सीखना और प्रयोग: अलग-अलग प्रीसेट स्तरों पर पहले और बाद का आउटपुट तुलना करके समझें कि मिनिफ़िकेशन कैसे काम करता है।
अक्सर पूछे जाने वाले प्रश्न
क्या यह टूल मुफ़्त है?
हाँ, JavaScript मिनिफ़ायर का उपयोग पूरी तरह मुफ़्त है और फ़ाइल आकार या मिनिफ़िकेशन की संख्या पर कोई सीमा नहीं है। पंजीकरण या खाते की ज़रूरत नहीं है।
क्या मेरा डेटा सुरक्षित है?
सारा मिनिफ़िकेशन सीधे आपके ब्राउज़र में Terser लाइब्रेरी से होता है। आपका JavaScript कोड कभी किसी सर्वर को नहीं भेजा जाता, जिससे आपके सोर्स कोड की पूरी गोपनीयता और सुरक्षा बनी रहती है।
सुरक्षित, अनुशंसित और आक्रामक मोड में क्या अंतर है?
सुरक्षित मोड सभी टिप्पणियाँ, console लॉग और वेरिएबल नाम रखते हुए बुनियादी संपीड़न करता है। अनुशंसित मोड टिप्पणियाँ और debugger स्टेटमेंट हटाता है। आक्रामक मोड सबसे छोटे आउटपुट के लिए नाम मैंगलिंग, console हटाना, डेड कोड एलिमिनेशन और मल्टी-पास अनुकूलन चालू करता है।
क्या नाम मैंगलिंग मेरा कोड तोड़ देगी?
नाम मैंगलिंग लोकल वेरिएबल के नाम छोटे नामों से बदल देती है, जो अधिकतर कोड के लिए सुरक्षित है। फिर भी अगर आपका कोड रनटाइम पर फ़ंक्शन या वेरिएबल नामों पर निर्भर करता है (जैसे eval या रिफ़्लेक्शन के ज़रिए), तो समस्या आ सकती है। आक्रामक मोड इस्तेमाल करने के बाद हमेशा अच्छी तरह परखें।
क्या यह TypeScript या JSX को सपोर्ट करता है?
यह टूल मानक JavaScript (ES6+) प्रोसेस करता है। TypeScript और JSX को मिनिफ़ाई करने से पहले सादे JavaScript में कंपाइल करना होगा। ट्रांसपाइल करने के लिए अपने TypeScript कंपाइलर या Babel का उपयोग करें, फिर आउटपुट यहाँ चिपकाएँ।
सुझाव और सर्वोत्तम तरीके
- सोर्स फ़ाइलें हमेशा रखें: अपना मूल, बिना मिनिफ़ाई किया JavaScript वर्ज़न कंट्रोल में रखें और केवल प्रोडक्शन बिल्ड के लिए मिनिफ़ाई करें।
- सोर्स मैप बनाएँ: ब्राउज़र डेवलपर टूल में मिनिफ़ाई किए कोड को डिबग करने के लिए अपनी बिल्ड पाइपलाइन में सोर्स मैप का उपयोग करें।
- मिनिफ़िकेशन के बाद परखें: मिनिफ़ाई किए कोड पर हमेशा अपना टेस्ट सूट चलाएँ, ख़ासकर नाम मैंगलिंग वाले आक्रामक मोड में।
- सर्वर संपीड़न के साथ जोड़ें: फ़ाइल आकार में सबसे अधिक कमी के लिए JavaScript मिनिफ़िकेशन को अपने वेब सर्वर पर gzip या Brotli संपीड़न के साथ इस्तेमाल करें।
- अनुशंसित से शुरू करें: ज़्यादातर प्रोजेक्ट के लिए अनुशंसित प्रीसेट सुरक्षा और संपीड़न का सबसे अच्छा संतुलन देता है।
- प्रोडक्शन में console लॉग हटाएँ: जो console.log स्टेटमेंट प्रोडक्शन कोड में नहीं होने चाहिए, उन्हें अपने आप हटाने के लिए आक्रामक मोड का उपयोग करें।