# संपत्ति संपीड़न और छोटा करना — वेब प्रदर्शन अनुकूलन

Source: https://www.skillbyai.com/hi/web-performance/web-perf-05

> CSS, JavaScript और HTML को संपीड़ित और छोटा करके फ़ाइल आकार को कम करें।

## Gzip और Brotli संपीड़न

**gzip** (browser support ~99%) या **Brotli** (15-20% बेहतर compression) enable करें। दोनों transport-level हैं: `Content-Encoding: gzip` header जोड़ें। Text assets में आम तौर पर 70-80% की कमी आती है।

## छोटा करने के उपकरण

**Terser** (JavaScript), **CSSNano** (CSS), **HTMLMinifier** इस्तेमाल करें। Comments, whitespace और unused code हटाएँ। Webpack, Vite जैसे build tools यह अपने-आप करते हैं। आम तौर पर 30-50% की कमी।

## ट्री-शेकिंग और अप्रयुक्त कोड हटाना

Modern bundlers ES6 imports को analyze करके dead code हटा देते हैं। package.json में packages को `sideEffects: false` मार्क करें। सच में unused dependencies और code paths हटाकर bundle size घटाएँ।

## संपीड़न सर्वोत्तम प्रथाएं

Server पर compression हमेशा enable रखें। Static assets के लिए Brotli और dynamic के लिए gzip चुनें। Compression ratio test करें। बहुत छोटे assets (<1KB) overhead की वजह से compression से फ़ायदा नहीं पाते।

त्वरित जाँच

**Quiz:** gzip के साथ विशिष्ट संपीड़न में कमी क्या है?

- [ ] टेक्स्ट संपत्ति के लिए 10-20%
- [x] टेक्स्ट संपत्ति के लिए 70-80%
- [ ] टेक्स्ट के लिए संपीड़न काम नहीं करता है
- [ ] File size में 30% वृद्धि

*Answer:* टेक्स्ट संपत्ति के लिए 70-80%. HTML, CSS और JS जैसी text assets बहुत अच्छी compress होती हैं, अक्सर 70–80%।