संपत्ति संपीड़न और छोटा करना

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 से फ़ायदा नहीं पाते।

त्वरित जाँच

त्वरित जाँच: gzip के साथ विशिष्ट संपीड़न में कमी क्या है?

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