सभी टूल्स

JS मिनिफ़ायर

व्हाइटस्पेस, कमेंट और लाइन ब्रेक हटाकर JavaScript मिनिफ़ाई करें, फ़ाइल साइज़ घटाएँ और साइट तेज़ करें। पहले और बाद की गिनती देखें। मुफ़्त JS मिनिफ़ायर।

तेज़ पेजों के लिए हल्का JavaScript

JavaScript अक्सर वेब पेज का सबसे महँगा रिसोर्स होता है: उसे डाउनलोड, पार्स और execute करना पड़ता है, और वह पेज के टैप और क्लिक पर जवाब देने में देरी कर सकता है। मिनिफ़ाई करने से कमेंट, व्हाइटस्पेस और लाइन ब्रेक हट जाते हैं ताकि फ़ाइल छोटी हो, और टूल पहले के JS अक्षर और बाद के मिनिफ़ाई किए JS अक्षर दिखाता है।

इसे छोटे प्रोजेक्ट की स्क्रिप्ट, CMS में जोड़े स्निपेट, ट्रैकिंग या विजेट कोड, या जहाँ कोई bundler अपने आप यह नहीं करता, वहाँ इस्तेमाल करें।

कोड का व्यवहार वैसा ही रहता है। एडिटिंग और डीबगिंग के लिए अपना मूल कोड रखें।

JS मिनिफ़ायर का इस्तेमाल कैसे करें

अपना JavaScript कोड पेस्ट करें।
मिनिफ़ाई करने के लिए सबमिट करें।
अक्षर गिनतियों की तुलना करें।
मिनिफ़ाई की गई स्क्रिप्ट कॉपी करें और अपना पेज टेस्ट करें।

उदाहरण

एक छोटा फ़ंक्शन

इनपुट:

// Greet the user
function greet(name) {
  const message = 'Hello, ' + name + '!';
  console.log(message);
  return message;
}

greet('Zach');

आउटपुट:

function greet(name){const message="Hello, "+name+"!";console.log(message);return message}greet("Zach")

कमेंट, लाइन ब्रेक और स्पेस हट जाते हैं, सिंगल कोट डबल कोट बन जाते हैं और हर ब्लॉक का आख़िरी सेमीकोलन हटा दिया जाता है। वेरिएबल के नाम वैसे ही रहते हैं: यह टूल व्हाइटस्पेस घटाता है लेकिन नाम नहीं बदलता।

आम उपयोग

WordPress, Shopify या दूसरे CMS फ़ुटर के लिए कस्टम स्क्रिप्ट मिनिफ़ाई करना।
आपके बाँटे जाने वाले छोटे लाइब्रेरी और विजेट छोटे करना।
Bookmarklet और इनलाइन स्क्रिप्ट तैयार करना।
बिना बिल्ड टूल वाली सरल साइटों के लिए झटपट प्रोडक्शन बिल्ड।

सुझाव और ज़रूरी बातें

पक्का करें कि हर स्टेटमेंट ठीक से ख़त्म हो (जहाँ ज़रूरी हो वहाँ सेमीकोलन के साथ)। लाइन ब्रेक पर निर्भर कोड उनके हटने पर टूट सकता है।
मिनिफ़ाई करना कोई सुरक्षा उपाय नहीं है। कोई भी मिनिफ़ाई किए कोड को फिर से फ़ॉर्मेट करके पढ़ सकता है।
स्क्रिप्ट टैग पर defer या async इस्तेमाल करें ताकि स्क्रिप्ट रेंडरिंग न रोकें।
JSON डेटा अलग से JSON वैलिडेटर से जाँचें, और स्टाइल CSS मिनिफ़ायर से मिनिफ़ाई करें।

खास स्थितियाँ और सीमाएँ

स्वचालित सेमीकोलन (automatic semicolon insertion) पर निर्भर कोड, जैसे ( या [ से शुरू होने वाली लाइन, लाइनें जुड़ने पर टूट सकता है। मिनिफ़ाई करने से पहले सेमीकोलन जोड़ें।
कमेंट हटा दिए जाते हैं, /*! license */ कमेंट समेत, इसलिए ज़रूरी सूचनाएँ वापस जोड़ें।
इनपुट में सिंटैक्स एरर होने पर ग़लत आउटपुट या एरर आता है। मिनिफ़ाई करने से पहले कोड टेस्ट करें।
ज़्यादा बचत के लिए mangling वाला मिनिफ़ायर रखने वाला bundler (जैसे Terser या esbuild) वेरिएबल के नाम भी छोटे करता है।

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

JS मिनिफ़िकेशन क्या है?

JavaScript से वे अक्षर हटाना जिनकी इंजन को ज़रूरत नहीं, जैसे व्हाइटस्पेस और कमेंट, ताकि फ़ाइल छोटी हो।

क्या मिनिफ़ाई करने से मेरा JavaScript टूट सकता है?

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

मिनिफ़ाई करने और obfuscate करने में क्या अंतर है?

मिनिफ़ाई करना कोड को छोटा बनाता है। Obfuscate करना जानबूझकर उसे समझने में मुश्किल बनाता है। कोई भी आपके कोड को सच में सुरक्षित नहीं करता।

अगर मैं bundler इस्तेमाल करता हूँ तो क्या मुझे इसकी ज़रूरत है?

Vite, webpack या esbuild जैसे टूल प्रोडक्शन बिल्ड में आमतौर पर आपके लिए मिनिफ़ाई करते हैं। यह टूल झटपट, एक बार के कामों के लिए है।

क्या मिनिफ़ाई किया कोड तेज़ चलेगा?

छोटा होने से यह थोड़ा तेज़ डाउनलोड और पार्स होता है। कोड ख़ुद वैसे ही चलता है।

शेयर करें

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

HTML मिनिफ़ायर

व्हाइटस्पेस, लाइन ब्रेक और कमेंट हटाकर HTML मिनिफ़ाई करें, पेज का साइज़ घटाएँ और लोडिंग तेज़ करें। पहले और बाद की अक्षर गिनती देखें। मुफ़्त।

CSS मिनिफ़ायर

स्पेस, लाइन ब्रेक और कमेंट हटाकर CSS मिनिफ़ाई करें, ताकि स्टाइलशीट छोटी और पेज तेज़ हों। पहले और बाद का साइज़ देखें। मुफ़्त CSS मिनिफ़ायर।