बहुत ज़्यादा नेटवर्क पेलोड से बचें

बड़े नेटवर्क वाले पेलोड पर लोड होने में ज़्यादा समय लगता है. साथ ही, उपयोगकर्ताओं को ज़्यादा मोबाइल डेटा के लिए पैसे देने पड़ सकते हैं. इसलिए, आपके पेज के नेटवर्क अनुरोधों का कुल साइज़ कम करना आपके उपयोगकर्ताओं के लिए आपकी साइट और उनके वॉलेट पर अच्छा अनुभव देता है.

लाइटहाउस नेटवर्क पेलोड ऑडिट कैसे काम नहीं कर रहा है

लाइटहाउस, आपके पेज से अनुरोध किए गए सभी संसाधनों का कुल साइज़ किबीबाइट (केआईबी) में दिखाता है. सबसे बड़े अनुरोध पहले दिए जाते हैं:

Lighthouse का स्क्रीनशॉट, 'बहुत ज़्यादा नेटवर्क पेलोड से बचें' ऑडिट

एचटीटीपी संग्रह डेटा के मुताबिक, मीडियन नेटवर्क पेलोड 1,700 से 1,900 केआईबी के बीच है. सबसे ज़्यादा पेलोड दिखाने के लिए, Lighthouse उन पेजों को फ़्लैग करता है जिनके कुल नेटवर्क अनुरोध 5,000 केआईबी से ज़्यादा हैं.

पेलोड का साइज़ कम करने का तरीका

अपना कुल बाइट साइज़ 1,600 केआईबी से कम रखने की कोशिश करें. यह टारगेट, डेटा की उस मात्रा पर आधारित है जिसे 3G कनेक्शन पर डाउनलोड किया जा सकता है. साथ ही, यह 10 सेकंड या उससे कम समय का इंटरैक्टिव में लगने वाला समय हासिल करता है.

पेलोड के साइज़ को कम रखने के कुछ तरीके यहां बताए गए हैं:

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

Angular

अपने JavaScript बंडल का साइज़ कम करने के लिए, रूट-लेवल पर कोड को अलग-अलग करने की सुविधा लागू करें. साथ ही, एंगुलर सर्विस वर्कर की मदद से एसेट को पहले से कैश मेमोरी में सेव करें.

Drupal

आपके पेज पर लोड की गई इमेज का साइज़ कम करने के लिए, रिस्पॉन्सिव इमेज स्टाइल का इस्तेमाल करें. अगर किसी पेज पर कई कॉन्टेंट आइटम दिखाने के लिए व्यू का इस्तेमाल किया जा रहा है, तो उस पेज पर दिखाए जाने वाले कॉन्टेंट आइटम की संख्या को सीमित करने के लिए, पेज पर नंबर डालने की सुविधा लागू करें.

जूमला

अपने लेख की कैटगरी में खास हिस्से दिखाएं (एक लोकप्रिय तरीका है "ज़्यादा पढ़ें" लिंक).

WordPress

अपनी पोस्ट की सूचियों में खास हिस्से दिखाएं (आप "ज़्यादा" टैग का इस्तेमाल कर सकते हैं), किसी पेज पर दिखाई गई पोस्ट की संख्या कम करें, अपनी लंबी पोस्ट को कई पेजों में बांटें या टिप्पणियों को लेज़ी-लोड करने के लिए प्लगिन का इस्तेमाल करें.

रिसॉर्स

बहुत ज़्यादा नेटवर्क पेलोड से बचने के ऑडिट के लिए सोर्स कोड