What is Minification?

सोर्स कोड (JavaScript, CSS, HTML) से सभी अनावश्यक कैरेक्टर (स्पेस, न्यूलाइन, कमेंट) हटाने की प्रक्रिया, बिना कार्यक्षमता बदले, जिससे फ़ाइल आकार कम और डिलीवरी तेज़ होती है।

Minification (Code Size Reduction) — वेब प्रदर्शन मार्गदर्शिका

तकनीकी विवरण

मिनिफ़िकेशन तकनीकों में शामिल हैं: व्हाइटस्पेस/न्यूलाइन हटाना, कमेंट हटाना, वेरिएबल नाम छोटा करना (मैंगलिंग), डेड कोड एलिमिनेशन, CSS प्रॉपर्टी शॉर्टहैंड, और सिलेक्टर मर्जिंग। लोकप्रिय टूल: Terser (JS), cssnano (CSS), html-minifier (HTML)। मिनिफ़िकेशन आमतौर पर JS को 30-70%, CSS को 10-30% और HTML को 5-15% कम करता है। सोर्स मैप (.map फ़ाइलें) मिनिफ़ाइड कोड को मूल सोर्स से मैप करती हैं।

उदाहरण

```javascript
// Simple CSS minifier
function minifyCSS(css) {
  return css
    .replace(/\/\*[\s\S]*?\*\//g, '')  // remove comments
    .replace(/\s+/g, ' ')                // collapse whitespace
    .replace(/\s*([{};:,])\s*/g, '$1')   // remove around symbols
    .trim();
}
// 1024 bytes → 612 bytes (40% reduction)
```

Categories

Minification

तकनीकी विवरण

उदाहरण

संबंधित टूल्स

संबंधित शब्द