मुफ़्त JavaScript मिनिफायर

JavaScript Minifier एक मुफ़्त ऑनलाइन टूल है जो व्हाइटस्पेस हटाकर, वेरिएबल नामों को छोटा करके और टिप्पणियाँ समाप्त करके JavaScript कोड को संपीड़ित करता है ताकि फ़ाइल का आकार घटे।

हाँ, यह पूरी तरह मुफ़्त है और इसके लिए किसी पंजीकरण की आवश्यकता नहीं। सारी मिनिफिकेशन आपके ब्राउज़र में क्लाइंट-साइड होती है।

नहीं, JavaScript Minifier फ़ाइल का आकार घटाते हुए कार्यक्षमता को बनाए रखता है। मिनिफाई किया गया कोड मूल कोड के समान ही चलता है।

बिल्कुल। JavaScript Minifier सब कुछ आपके ब्राउज़र में क्लाइंट-साइड प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं होता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।

हाँ, JavaScript Minifier पूरी तरह रिस्पॉन्सिव है और स्मार्टफोन व टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर उपयोग कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।

किसी खाते या पंजीकरण की आवश्यकता नहीं है। बस अपने ब्राउज़र में JavaScript Minifier खोलें और तुरंत उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।

बस दिए गए फ़ील्ड में अपनी जानकारी दर्ज करें, अपनी पसंद के अनुसार सेटिंग्स समायोजित करें, और टूल उसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।

JavaScript Minifier सभी आधुनिक ब्राउज़रों में काम करता है, जिनमें Chrome, Firefox, Safari, Edge और Opera शामिल हैं। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण उपयोग करें।

Minification और gzip एक ही समस्या को दो चरणों में हल करते हैं। Minification खुद सोर्स कोड को फिर से लिखता है: यह कमेंट्स, व्हाइटस्पेस और नई लाइनें हटाता है, और वेरिएबल नामों को छोटा कर सकता है ताकि फ़ाइल वही लॉजिक कम कैरेक्टर्स में समेटे। Gzip (या Brotli) एक कंप्रेशन एल्गोरिदम है जिसे आपका सर्वर या CDN जवाब के ब्राउज़र तक पहुंचने के दौरान उस पर लागू करता है, जहां यह अपने आप डीकंप्रेस हो जाता है। ये दोनों साथ मिलकर काम करते हैं: minified कोड बेहतर gzip होता है क्योंकि एल्गोरिदम के लिए एनकोड करने को कम अनावश्यक फ़ॉर्मेटिंग बचती है। इसीलिए पहले minify करें, फिर सर्वर को gzip करने दें। यह टूल पहला चरण आपके ब्राउज़र में ही करता है और gzip ट्रांसफर साइज़ का अनुमान भी लगाता है, ताकि आप कच्चा minified साइज़ और असल में यूज़र्स तक पहुंचने वाला छोटा आंकड़ा — दोनों देख सकें। ओरिजिनल, minified और gzip साइज़ की साथ-साथ तुलना करने के लिए ऊपर अपनी स्क्रिप्ट पेस्ट करें।

तीनों प्रीसेट कंप्रेशन को जोखिम के बदले में देते हैं। Safe सबसे सतर्क है: यह कमेंट्स हटाता है और व्हाइटस्पेस व नई लाइनों को समेटता है, लेकिन आपके लॉजिक को पूरी तरह अछूता छोड़ देता है, इसलिए उस कोड के लिए यह सही विकल्प है जिसे आप पूरी तरह दोबारा टेस्ट नहीं कर सकते। Production, Safe पास चलाता है और डिप्लॉय-केंद्रित सफ़ाई जोड़ता है: console और debugger स्टेटमेंट्स हटाना और एक्सप्रेशन को सरल बनाना, जिससे शिप करने के लिए तैयार आउटपुट मिलता है। Maximum सबसे छोटी संभव फ़ाइल पाने की कोशिश करता है: Production के ऊपर यह वैकल्पिक सेमीकोलन हटाता है, लोकल वेरिएबल नाम छोटे करता है, और इस्तेमाल न होने वाली वेरिएबल घोषणाओं को हटाता है। प्रीसेट जितना ज़्यादा आक्रामक होगा, कोड में उतना ही ज़्यादा बदलाव आएगा, इसलिए Maximum इस्तेमाल करने के बाद दोबारा टेस्ट करें। हर प्रीसेट सिर्फ़ एक शुरुआती बिंदु है: अलग-अलग टॉगल्स का एक पैनल आपको पास हाथ से मिलाने देता है, जैसे कमेंट्स रखना पर वेरिएबल्स को मैंगल करना। ऊपर एक प्रीसेट चुनें, फिर टॉगल्स को उस हिसाब से ठीक करें जितना बदलाव आप बर्दाश्त कर सकते हैं।

वेरिएबल नाम छोटा करना, जिसे अक्सर मैंगलिंग कहा जाता है, लंबे वर्णनात्मक नामों जैसे userAccountBalance को एक या दो कैरेक्टर वाले नामों जैसे a या b से बदल देता है। ये नाम सिर्फ़ इंसानों को सोर्स पढ़ने में मदद के लिए होते हैं; ब्राउज़र को इससे फ़र्क़ नहीं पड़ता कि किसी लोकल वेरिएबल का नाम क्या है, इसलिए स्कोप का ध्यान रखते हुए नाम बदलने से कोड के चलने पर कोई असर नहीं पड़ता। छोटे नामों का मतलब है डाउनलोड और पार्स करने के लिए कम कैरेक्टर्स, जो किसी असली स्क्रिप्ट में सैकड़ों रेफ़रेंस में मिलकर काफ़ी फ़र्क़ लाते हैं। यह minifier सिर्फ़ लोकल वेरिएबल्स को मैंगल करता है, ग्लोबल्स और किसी भी ऐसी चीज़ को अछूता छोड़ता है जिसे दूसरा कोड नाम से रेफ़र कर सकता है, इसलिए व्यवहार वही रहता है। मैंगलिंग Maximum प्रीसेट में शामिल है और अपने अलग टॉगल के रूप में भी उपलब्ध है, और रिज़ल्ट पैनल बताता है कि कितने वेरिएबल छोटे किए गए। जब आपको सबसे छोटा आउटपुट चाहिए और आप नतीजे को दोबारा टेस्ट कर सकते हैं, तो ऊपर वेरिएबल शॉर्टनिंग चालू करें।

Minified कोड को सीधे डीबग करना लगभग नामुमकिन होता है: वेरिएबल्स के नाम बदल दिए जाते हैं, लाइनें समेट दी जाती हैं, और कोई स्टैक ट्रेस एक ही लाइन के 4,000वें कॉलम की ओर इशारा करता है। सोर्स मैप एक अलग .map फ़ाइल है जो यह दर्ज करती है कि minified आउटपुट का हर हिस्सा आपके मूल सोर्स से कैसे जुड़ता है। जब ब्राउज़र डेव टूल्स इसे लोड करते हैं, तो एरर और ब्रेकपॉइंट्स आपके पढ़ने लायक, मूल कोड के मुक़ाबले दिखते हैं न कि कंप्रेस्ड ब्लॉब के — जिससे आप प्रोडक्शन आउटपुट को ऐसे डीबग कर सकते हैं जैसे उसे कभी minify किया ही नहीं गया था। आप फ़ाइल के अंत में एक कमेंट या HTTP हेडर के ज़रिए मैप को रेफ़र करते हैं, और आम तौर पर इसे सार्वजनिक डाउनलोड से बाहर रखते हैं ताकि विज़िटर्स इसे न पाएं। यह टूल minified स्क्रिप्ट के साथ-साथ एक वैकल्पिक आउटपुट के रूप में सोर्स मैप भी जनरेट कर सकता है। अगर आप बाद में नतीजे को डीबग करने की योजना बना रहे हैं, तो minify करने से पहले ऊपर सोर्स मैप विकल्प चालू करें।

डिफ़ॉल्ट रूप से, minification हर कमेंट को हटा देता है, क्योंकि कमेंट्स कोड के चलने पर असर डाले बिना सिर्फ़ बाइट्स जोड़ते हैं। यह तब समस्या बनता है जब किसी डिपेंडेंसी के लाइसेंस के लिए उसका एट्रिब्यूशन बैनर फ़ाइल में बना रहना ज़रूरी हो, क्योंकि उसे हटाने से लाइसेंस की शर्तों का उल्लंघन हो सकता है। ऐसे कमेंट्स को खास तौर पर चिह्नित करने की परंपरा है: एक ब्लॉक कमेंट जो /*! से शुरू होता है या जिसमें @license या @preserve एनोटेशन होता है, वह "मुझे रखें" का संकेत देता है। इस टूल में एक लाइसेंस-सुरक्षित विकल्प है जो आक्रामक Maximum प्रीसेट में भी ठीक इन बैनर कमेंट्स को बरकरार रखता है, जबकि सामान्य व्याख्यात्मक कमेंट्स को फिर भी हटाता है। इस तरह आपको सबसे छोटी फ़ाइल मिलती है जो फिर भी वितरित करने के लिए कानूनी रूप से साफ़ है। किसी भी ऐसे कोड को minify करने से पहले ऊपर प्रिज़र्व-लाइसेंस टॉगल चालू करें जो थर्ड-पार्टी लाइब्रेरी बंडल करता है, फिर जांच लें कि बैनर आउटपुट के ऊपर अब भी मौजूद है।