Webpack के बारे में खास जानकारी
Ivan Akulov
खास जानकारी:
- अनचाहे बाइट काटें. सभी कोड को कंप्रेस करें, इस्तेमाल न किए गए कोड को हटाएं, और डिपेंडेंसी जोड़ते समय सावधानी बरतें
- कोड को रास्तों के हिसाब से बांटें. फ़िलहाल सिर्फ़ ज़रूरी कॉन्टेंट लोड करें और बाकी कॉन्टेंट को बाद में धीरे-धीरे लोड करें
- कैश मेमोरी कोड. आपके ऐप्लिकेशन के कुछ हिस्सों को दूसरे हिस्सों की तुलना में कम बार अपडेट किया जाता है. इन हिस्सों को फ़ाइलों में अलग करें, ताकि ज़रूरत पड़ने पर ही उन्हें फिर से डाउनलोड किया जा सके
- साइज़ पर नज़र रखें. अपने ऐप्लिकेशन का साइज़ जानने के लिए, webpack-dashboard और webpack-bundle-analyzer जैसे टूल का इस्तेमाल करें. कुछ महीनों में एक बार, अपने ऐप्लिकेशन की परफ़ॉर्मेंस की पूरी जानकारी देखें
Webpack ही एक ऐसा टूल नहीं है जिसकी मदद से ऐप्लिकेशन को तेज़ बनाया जा सकता है. बेहतर अनुभव के लिए, अपने ऐप्लिकेशन को प्रोग्रेसिव वेब ऐप्लिकेशन बनाएं. साथ ही, Lighthouse जैसे ऑटोमेटेड प्रोफ़ाइलिंग टूल का इस्तेमाल करके, सुधार के सुझाव पाएं.
webpack दस्तावेज़ पढ़ना न भूलें – इनमें कई और काम की जानकारी होती है.
साथ ही, ट्रेनिंग ऐप्लिकेशन की मदद से ज़रूर खेलें!