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

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

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

Lighthouse के 'ज़रूरी अनुरोधों की डेप्थ कम करें' ऑडिट का स्क्रीनशॉट

Lighthouse, अहम अनुरोधों की चेन की पहचान कैसे करता है

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

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

परफ़ॉर्मेंस पर अहम अनुरोधों की चेन के असर को कम करने का तरीका

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

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

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

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

Magento

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

संसाधन

क्रिटिकल अनुरोध की डेप्थ कम करें ऑडिट के लिए सोर्स कोड