गंभीर अनुरोधों की चेन न बनाएं

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

Lighthouse ज़्यादा प्राथमिकता से लोड किए गए अहम अनुरोधों की रिपोर्ट करता है:

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

लाइटहाउस, ज़रूरी अनुरोध चेन की पहचान कैसे करता है

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

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

परफ़ॉर्मेंस पर असर डालने वाली ज़रूरी अनुरोधों की चेन के असर को कम करने का तरीका

ज़रूरी अनुरोध चेन के ऑडिट नतीजों का इस्तेमाल उन संसाधनों को टारगेट करने के लिए करें जो पेज लोड करने पर सबसे ज़्यादा असर डालते हैं:

  • ज़रूरी संसाधनों की संख्या कम से कम करें: उन्हें खत्म करना, डाउनलोड को स्थगित करना, उन्हें async के तौर पर मार्क करना वगैरह.
  • डाउनलोड में लगने वाले समय (राउंड ट्रिप की संख्या) को कम करने के लिए, ज़रूरी बाइट की संख्या ऑप्टिमाइज़ करें.
  • बाकी अहम रिसॉर्स के लोड होने का क्रम ऑप्टिमाइज़ करें: ज़रूरी पाथ की अवधि कम करने के लिए, सभी अहम एसेट जल्द से जल्द डाउनलोड करें.

अपनी इमेज, JavaScript, सीएसएस, और वेब फ़ॉन्ट को ऑप्टिमाइज़ करने के बारे में ज़्यादा जानें.

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

Magento

अगर आप अपनी JavaScript एसेट का बंडल नहीं बना रहे हैं, तो baler का इस्तेमाल करें.

संसाधन

अनुरोध की गहराई को कम करने के लिए सोर्स कोड