डुप्लीकेट JavaScript

Connor Clark

पब्लिश किया गया: 8 अक्टूबर, 2025

बंडल से बड़े और डुप्लीकेट JavaScript मॉड्यूल हटाएं. ऐसा करके, नेटवर्क गतिविधि में खर्च होने वाले गैर-ज़रूरी बाइट कम किए जा सकते हैं.

इस अहम जानकारी को कैसे पास करें

• कई JavaScript बंडल वाले पेजों के लिए, कोड स्प्लिटिंग की मदद से, कई बंडलों के लिए ज़रूरी बड़ी डिपेंडेंसी को एक सामान्य बंडल में बांटा जाता है.
• हर JavaScript बंडल में, पक्का करें कि बड़ी डिपेंडेंसी का सिर्फ़ एक वर्शन हो.

View Treemap पर क्लिक करके, किसी पेज पर मौजूद JavaScript बंडलों के बारे में ज़्यादा जानकारी देखी जा सकती है. इससे, Lighthouse Treemap में पेज के बंडल खुलते हैं.

Lighthouse Treemap. रंग वाले नोड, एक से ज़्यादा JavaScript बंडल में मौजूद डुप्लीकेट मॉड्यूल को दिखाते हैं.

• PageSpeed Insights और Lighthouse रिपोर्ट में, यह बटन मेट्रिक के नीचे परफ़ॉर्मेंस कैटगरी में होता है:

  

  Lighthouse में "ट्रीमैप देखें" बटन.

• DevTools के परफ़ॉर्मेंस पैनल में, यह बटन डुप्लीकेट की गई JavaScript की अहम जानकारी में मौजूद होता है:

  

  DevTools परफ़ॉर्मेंस पैनल में मौजूद "ट्रीमैप देखें" बटन.

स्टैक के हिसाब से सलाह

सामान्य और बड़ी डिपेंडेंसी के लिए, एक और एंट्री पॉइंट बनाएं. साथ ही, JavaScript बंडलर की कोड स्प्लिटिंग सुविधा को इनके लिए चालू करें:

• webpack
• rollup
• esbuild
• Parcel

अन्य रेफ़रंस

• खास जानकारी का सोर्स कोड