JavaScript Minifier
प्रोडक्शन के लिए JavaScript को तुरंत छोटा करें
मूल JavaScript
विकल्प
छोटा JavaScript
अवलोकन
JavaScript Minifier आपके कोड से टिप्पणियों, अनावश्यक व्हाइटस्पेस, और लाइन ब्रेक को हटाकर प्रोडक्शन के लिए फ़ाइल आकार को कम करता है — छोटे डाउनलोड, तेज़ पार्स समय। पठनीय JS पेस्ट करें और तुरंत कॉम्पैक्ट आउटपुट प्राप्त करें, लाइव पहले/बाद आकार तुलना के साथ।
यह Minifier क्या नियंत्रित करता है
- •टिप्पणी हटाना: // लाइन टिप्पणियों और /* ब्लॉक */ टिप्पणियों दोनों को हटाएं
- •व्हाइटस्पेस संक्षेपण: अनावश्यक स्पेस, खाली लाइनों, और लाइन ब्रेक को हटाएं
- •आकार तुलना: मूल आकार, मिनिफाइड आकार, और प्रतिशत कमी को साथ-साथ देखें
- •सेमीकोलन सामान्यीकरण: सुनिश्चित करें कि व्हाइटस्पेस हटाने के बाद भी स्टेटमेंट सेपरेटर बने रहें
- •टिप्पणी-संरक्षण टॉगल: आवश्यकता होने पर लाइसेंस हेडर या महत्वपूर्ण टिप्पणियां रखें
- •डाउनलोड करने योग्य आउटपुट: मिनिफाइड परिणाम को सीधे .js फ़ाइल के रूप में सहेजें
आप JavaScript को कब Minify करेंगे
- •पेज लोड समय कम करने के लिए प्रोडक्शन में डिप्लॉय करने से पहले स्क्रिप्ट को छोटा करना
- •बिना फुलाए HTML पेज में इनलाइन एम्बेड करने के लिए एक छोटी utility स्क्रिप्ट तैयार करना
- •पूर्ण बिल्ड पाइपलाइन सेट करने से पहले यह जल्दी जांचना कि फ़ाइल कितनी छोटी होगी
- •CodePen, gist, या bookmarklet के लिए एक बार की स्क्रिप्ट को मिनिफाई करना जहां बिल्ड स्टेप व्यावहारिक नहीं है
- •प्रदर्शन ऑडिट के लिए आकार बजट के मुकाबले मिनिफाइड आकार की तुलना करना
JavaScript को कैसे Minify करें
- 1.अपना JavaScript इनपुट एडिटर में पेस्ट करें, या .js फ़ाइल अपलोड करें
- 2.तय करें कि टिप्पणियों (जैसे लाइसेंस हेडर) को रखना है या पूरी तरह हटाना है
- 3.मिनिफाइड आउटपुट और आकार-कमी प्रतिशत स्वचालित रूप से दिखाई देते हैं
- 4.आउटपुट कॉपी करें या इसे .js फ़ाइल के रूप में डाउनलोड करें
- 5.डिप्लॉय करने से पहले आकार बचत की पुष्टि के लिए पहले/बाद बाइट काउंट जांचें
जानने योग्य किनारे के मामले
- •यह minifier वेरिएबल्स को छोटे नामों में नहीं बदलता या डेड-कोड एलिमिनेशन नहीं करता — अधिकतम कम्प्रेशन के लिए Terser जैसे AST-आधारित टूल की आवश्यकता होती है
- •स्ट्रिंग सामग्री और टेम्पलेट लिटरल को अछूता छोड़ दिया जाता है; केवल स्ट्रिंग के बाहर संरचनात्मक व्हाइटस्पेस और टिप्पणियां हटाई जाती हैं
- •असामान्य कोड में ASI (स्वचालित सेमीकोलन सम्मिलन) किनारे के मामले (जैसे ( या [ से शुरू होने वाली लाइनें) मिनिफाई करने के बाद टेस्ट किए जाने चाहिए, क्योंकि लाइन ब्रेक हटाने से कभी-कभी ASI के आसपास व्यवहार बदल सकता है
सीमाएँ
- •यह व्हाइटस्पेस/टिप्पणी मिनिफिकेशन है, पूर्ण कम्प्रेशन नहीं — अधिकतम आकार कमी (वेरिएबल नाम बदलना, डेड-कोड एलिमिनेशन, ट्री-शेकिंग) के लिए, Terser या esbuild जैसे बिल्ड-टूल-इंटीग्रेटेड minifier का उपयोग करें
- •मिनिफाइड आउटपुट सारी पठनीयता खो देता है — हमेशा अपने मूल सोर्स को वर्जन कंट्रोल के तहत रखें
- •बहुत बड़ी फ़ाइलें ब्राउज़र में पूरी तरह से प्रोसेस करने में धीमी हो सकती हैं — प्रोडक्शन बिल्ड पाइपलाइनों के लिए, एकबारगी ब्राउज़र टूल के बजाय अपने बंडलर में मिनिफिकेशन को एकीकृत करें
दूसरी दिशा में जाना है?
यदि आपके पास मिनिफाइड या कंप्रेस्ड JavaScript है और उसे पढ़ने या डिबग करने की आवश्यकता है, तो इसके बजाय JavaScript Beautifier का उपयोग करें। यह इंडेंटेशन, लाइन ब्रेक, और सुसंगत फ़ॉर्मेटिंग को पुनर्स्थापित करता है ताकि कोड वास्तव में पठनीय हो।