CSS, JS या HTML मिनिफाई करें
स्टाइलशीट, स्क्रिप्ट और पेज से कमेंट, इंडेंटेशन और बेकार स्पेस हटाएं। सुरक्षित तरीके से, आपके कोड में एक भी नाम बदले बिना।
फाइलें यहां छोड़ें
.css, .js, .mjs, .html, .htm, .txt · 20 MB तक
कैसे मिनिफाई करें
- 1
अपनी सोर्स फाइलें डालें
बीस तक स्टाइलशीट, स्क्रिप्ट या पेज जोड़ें, हर एक 20 MB तक। हर फाइल इसी ब्राउजर टैब में पढ़ी और प्रोसेस की जाती है।
- 2
भाषा की पुष्टि करें
पहले फाइल का एक्सटेंशन तय करता है, फिर खुद सामग्री। दोनों से तय न हो, तो आगे बढ़ने से पहले CSS, JavaScript या HTML खुद चुनें।
- 3
मिनिफाई की गई फाइलें डाउनलोड करें
हर परिणाम मूल फाइल के नाम के साथ .min फाइल के रूप में आता है, और कई फाइलें एक ZIP में आती हैं।
टोकन में बांटकर, ताकि स्ट्रिंग स्ट्रिंग ही रहे
एक भी अक्षर हटाने से पहले हर फाइल को असली टोकन में बांटा जाता है। इसी से स्ट्रिंग के अंदर का कमेंट चिह्न लाइन को बीच में नहीं काटता, URL के अंदर का डबल स्लैश किसी नियम को नहीं निगलता, और स्क्रिप्ट के अंदर एंगल ब्रैकेट वाला कमेंट ब्लॉक को समय से पहले खत्म नहीं करता। सीधे-सीधे स्पेस हटाने वाले टूल ठीक इन्हीं मामलों में टूटते हैं, और चुपचाप टूटते हैं।
जिन लाइन ब्रेक का मतलब है, वे बने रहते हैं
JavaScript में नई लाइन कभी-कभी सेमीकोलन का काम करती है। return के बाद लाइन ब्रेक हो, तो undefined लौटता है; return के बाद स्पेस हो, तो वैल्यू लौटती है। इसलिए उस ब्रेक को बदलने से कोड का काम बदल जाता। जिन लाइन ब्रेक पर भाषा निर्भर है, वे अपनी जगह रहते हैं। HTML में pre और textarea की सामग्री जस की तस कॉपी होती है, और कंडीशनल कमेंट बने रहते हैं: वे नोट नहीं, मार्कअप हैं।
यह जानबूझकर क्या नहीं करता
वेरिएबल के नाम छोटे नहीं किए जाते और सोर्स मैप नहीं बनता। लोकल नाम बदलने के लिए पूरे पार्सर पर पूरा स्कोप एनालिसिस चाहिए, और उसमें छोटी-सी गलती भी चलते हुए कोड को बिना चेतावनी के तोड़ देती है। यहां बचत पूरे बिल्ड टूलचेन से कम होती है, और जिन बदलावों से बचत आती है, वे सब वापस किए जा सकते हैं।
आपका कोड कभी अपलोड नहीं होता
पढ़ना, पार्स करना और दोबारा लिखना, सब इसी ब्राउजर टैब में होता है। न सर्वर है, न कतार, और टैब बंद करने के बाद कोई कॉपी नहीं रहती। सोर्स फाइलों के लिए यह मायने रखता है: उनमें अक्सर अंदरूनी एंडपॉइंट, अधूरे काम के बारे में कमेंट और किसी कॉन्फिग में गलती से छूटी की होती हैं।
अक्सर पूछे जाने वाले सवाल
क्या दूसरे का लिखा कोड मिनिफाई करना सुरक्षित है?
यहां के सारे बदलाव सिर्फ उन चीजों को हटाते हैं, जिन्हें भाषा अनदेखा करती है: कमेंट, इंडेंटेशन और फालतू स्पेस। कुछ भी दोबारा लिखा, आगे-पीछे या बदले नाम वाला नहीं होता, इसलिए परिणाम वैसे ही चलता है, जैसे आपका डाला हुआ कोड। फिर भी मूल फाइल रखें, क्योंकि मिनिफाई की गई फाइल बनाने के लिए होती है, एडिट करने के लिए नहीं।
मेरे वेरिएबल के नाम जैसे थे, वैसे ही क्यों रह गए?
नाम छोटे करना भाषा के पूरे पार्सर के ऊपर स्कोप एनालिसिस है, और उसमें गलती किसी के प्रोडक्शन कोड का व्यवहार चुपचाप बदल देती है। यह लागू नहीं किया गया है, और कोई ऐसा स्विच भी नहीं, जो इसका दिखावा करे। नतीजा सुरक्षित तरीके से छोटा हुआ कोड है, जो पूरे बंडलर से कम छोटा होता है। बाइट गिनकर तुलना करने से पहले यह जान लेना अच्छा है।
क्या यह ऑब्फस्केशन जैसा है?
नहीं। मिनिफिकेशन वे बाइट हटाता है, जिनकी पार्सर को जरूरत नहीं, और दोबारा इंडेंट करने पर लॉजिक पढ़ा जा सकता है। ऑब्फस्केशन जानबूझकर कोड को समझना मुश्किल बनाता है: नाम बदलता है, स्ट्रिंग एनकोड करता है और कंट्रोल फ्लो दोबारा लिखता है। यहां कुछ भी छिपाने की कोशिश नहीं होती।
क्या सोर्स मैप मिलता है?
सोर्स मैप नहीं बनता। मिनिफाई की गई जगहों को मूल लाइनों से जोड़ने के लिए हर टोकन को पूरे बदलाव में ट्रैक करना पड़ता है, और यह बिल्ड टूल का काम है। डीबग करने के लिए बिना मिनिफाई की फाइल रखें और साइट पर मिनिफाई की गई फाइल दें।
क्या एक साथ कई फाइलें मिनिफाई हो सकती हैं?
एक बैच में बीस तक, और भाषा हर फाइल के लिए अलग से तय होती है, इसलिए स्टाइलशीट, स्क्रिप्ट और पेज साथ में जा सकते हैं। सिंटैक्स की गलती वाली फाइल नाम से बताई जाती है और छोड़ दी जाती है, बाकी फाइलों का काम नहीं रुकता।
किसी फाइल में सिंटैक्स की गलती हो, तो क्या होता है?
परिणाम की जगह आपको लाइन और कॉलम मिलते हैं। बंद न किया गया CSS ब्लॉक या बिना वैल्यू वाला डिक्लेरेशन उस फाइल को जानबूझकर रोकता है: अधूरी स्टाइलशीट, जो प्रोडक्शन तक पहुंचने तक ठीक दिखती है, गड़बड़ी के संदेश से बुरी है।
मेरी फाइल मुश्किल से छोटी क्यों हुई?
शायद वह पहले से मिनिफाई थी। परिणाम का साइज लगभग मूल जितना हो, तो हटाने को कुछ बचा ही नहीं। टूल यह साफ बताता है और फिर भी आपको रोकने के बजाय फाइल लौटा देता है।
क्या HTML के अंदर की स्टाइल और स्क्रिप्ट भी छोटी होती हैं?
हां। पेज के style और script ब्लॉक उसी तरीके से मिनिफाई होते हैं, जैसे अलग फाइलें, और टैग के बीच का स्पेस एक स्पेस में सिमट जाता है। खराब इनलाइन स्क्रिप्ट बाकी पेज को नहीं बिगाड़ती; वह ब्लॉक जैसा था, वैसा छोड़ दिया जाता है।