JavaScript फ़ाइलों को छोटा करने से, पेलोड का साइज़ और स्क्रिप्ट पार्स करने में लगने वाला समय कम हो सकता है. आपकी लाइटहाउस रिपोर्ट के ऑपर्च्यूनिटी सेक्शन में, अनमिनिफ़ाइड JavaScript फ़ाइलों की सूची होती है. साथ ही, इन फ़ाइलों को छोटा किए जाने पर, किबीबाइट (केआईबी) में होने वाली संभावित बचत भी होती है:
JavaScript फ़ाइलों को छोटा करने का तरीका
छोटा करने की प्रोसेस, खाली सफ़ेद जगह और ऐसे किसी भी कोड को हटाने की प्रोसेस है जो छोटी, लेकिन पूरी तरह से मान्य कोड फ़ाइल बनाने के लिए ज़रूरी नहीं है. Terser, JavaScript कंप्रेस करने का एक लोकप्रिय टूल है. webpack v4 में इस लाइब्रेरी के लिए डिफ़ॉल्ट रूप से एक प्लगिन शामिल होता है, ताकि छोटी बिल्ड फ़ाइलें बनाई जा सकें.
स्टैक के हिसाब से सलाह
Drupal
पक्का करें कि आपने एडमिन > कॉन्फ़िगरेशन > डेवलपमेंट पेज में एग्रीगेट JavaScript फ़ाइलें चालू की हैं. अतिरिक्त मॉड्यूल की मदद से, एग्रीगेशन के ज़्यादा बेहतर विकल्पों को भी कॉन्फ़िगर किया जा सकता है. इससे, JavaScript एसेट को जोड़कर, उन्हें छोटा करके, और कंप्रेस करके, अपनी साइट की रफ़्तार को तेज़ किया जा सकता है.
जूमला
कई Joomla एक्सटेंशन आपकी साइट की रफ़्तार को बढ़ा सकते हैं. ऐसा करने के लिए, वे आपकी स्क्रिप्ट को जोड़ते हैं, छोटा करते हैं, और कंप्रेस करते हैं. ऐसे टेंप्लेट भी हैं जो यह सुविधा देते हैं.
Magento
स्टैटिक कॉन्टेंट डिप्लॉयमेंट से सभी JavaScript ऐसेट को छोटा करने के लिए, Terser का इस्तेमाल करें. साथ ही, छोटा करने की पहले से मौजूद सुविधा को बंद करें.
React
अगर आपका बिल्ड सिस्टम JS फ़ाइलों को अपने-आप छोटा करता है, तो पक्का करें कि आप अपने ऐप्लिकेशन के प्रोडक्शन बिल्ड को डिप्लॉय कर रहे हों. आप प्रतिक्रिया डेवलपर टूल एक्सटेंशन की सहायता से इसे देख सकते हैं.
WordPress
कई WordPress प्लग इन आपकी स्क्रिप्ट को जोड़कर, उन्हें छोटा करके, और कंप्रेस करके आपकी साइट की रफ़्तार बढ़ा सकते हैं. अगर मुमकिन हो, तो काट-छांट करने की इस प्रक्रिया के लिए, एक बिल्ड प्रोसेस का इस्तेमाल भी किया जा सकता है.