संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Connor Clark
पब्लिश किया गया: 8 अक्टूबर, 2025
बंडल से बड़े और डुप्लीकेट JavaScript मॉड्यूल हटाएं. ऐसा करके, नेटवर्क गतिविधि में खर्च होने वाले गैर-ज़रूरी बाइट कम किए जा सकते हैं.
इस अहम जानकारी को कैसे पास करें
कई JavaScript बंडल वाले पेजों के लिए, कोड स्प्लिटिंग की मदद से, कई बंडलों के लिए ज़रूरी बड़ी डिपेंडेंसी को एक सामान्य बंडल में बांटा जाता है.
हर JavaScript बंडल में, पक्का करें कि बड़ी डिपेंडेंसी का सिर्फ़ एक वर्शन हो.
View Treemap पर क्लिक करके, किसी पेज पर मौजूद JavaScript बंडलों के बारे में ज़्यादा जानकारी देखी जा सकती है. इससे, Lighthouse Treemap में पेज के बंडल खुलते हैं.
Lighthouse Treemap. रंग वाले नोड, एक से ज़्यादा JavaScript बंडल में मौजूद डुप्लीकेट मॉड्यूल को दिखाते हैं.
PageSpeed Insights और Lighthouse रिपोर्ट में, यह बटन मेट्रिक के नीचे परफ़ॉर्मेंस कैटगरी में होता है:
Lighthouse में "ट्रीमैप देखें" बटन.
DevTools के परफ़ॉर्मेंस पैनल में, यह बटन डुप्लीकेट की गई JavaScript की अहम जानकारी में मौजूद होता है:
DevTools परफ़ॉर्मेंस पैनल में मौजूद "ट्रीमैप देखें" बटन.
स्टैक के हिसाब से सलाह
सामान्य और बड़ी डिपेंडेंसी के लिए, एक और एंट्री पॉइंट बनाएं. साथ ही, JavaScript बंडलर की कोड स्प्लिटिंग सुविधा को इनके लिए चालू करें:
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-10-08 (UTC) को अपडेट किया गया."],[],[]]
