Oh MyUtils

कोड मिनिफायर - JavaScript, CSS और HTML मिनिफाई ऑनलाइन

JavaScript, CSS और HTML कोड तुरंत मिनिफाई करके फाइल साइज़ कम करें। कम्प्रेशन रेशियो देखें — 100% क्लाइंट-साइड, अपलोड अनावश्यक।

इनपुट
आउटपुट

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

कोड मिनीफिकेशन क्या है?

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

क्या इस टूल का उपयोग करते समय मेरा कोड सुरक्षित है?

हाँ, पूरी तरह से सुरक्षित। सभी मिनीफिकेशन JavaScript का उपयोग करके आपके ब्राउज़र में 100% होता है। आपका कोड कभी भी आपके डिवाइस से बाहर नहीं जाता या किसी सर्वर पर नहीं भेजा जाता। आप अपने ब्राउज़र के नेटवर्क टैब की जांच करके इसे सत्यापित कर सकते हैं।

JavaScript विकल्प क्या करते हैं?

console स्टेटमेंट हटाएं: सभी console.log, console.warn आदि को हटाता है। फ़ंक्शन नाम रखें: फ़ंक्शन नामों को छोटा होने से रोकता है (डीबगिंग के लिए उपयोगी)। वेरिएबल नाम बदलें: अधिकतम संपीड़न के लिए वेरिएबल नामों को एकल वर्णों में छोटा करता है।

मैं कितने संपीड़न अनुपात की उम्मीद कर सकता हूं?

विशिष्ट कमी भाषा के अनुसार भिन्न होती है: JavaScript 40-70% (मैंगलिंग के साथ अधिक), CSS 20-50%, HTML 10-30%। परिणाम इस बात पर निर्भर करते हैं कि आपके मूल कोड में कितनी व्हाइटस्पेस और टिप्पणियां हैं।

क्या मिनीफिकेशन मेरे कोड को तोड़ देगा?

उचित मिनीफिकेशन कभी भी काम करने वाले कोड को नहीं तोड़ना चाहिए। यह टूल उद्योग-मानक लाइब्रेरी (Terser, clean-css, html-minifier-terser) का उपयोग करता है जो एज केस को सही ढंग से संभालती हैं। हालांकि, प्रोडक्शन में डिप्लॉय करने से पहले हमेशा मिनीफाइड कोड का परीक्षण करें।

कोड उदाहरण

// Using Terser for JavaScript minification
import { minify } from 'terser';

const code = `
function greet(name) {
  console.log('Hello, ' + name);
}
`;

const result = await minify(code, {
  compress: true,
  mangle: true
});

console.log(result.code);
// Output: function greet(o){console.log("Hello, "+o)}

संबंधित उपकरण