ज़रूरी रेंडरिंग पाथ को ऑप्टिमाइज़ करना

इल्या ग्रिगोरिक
इलिया ग्रिगोरिक

पहले रेंडर को सबसे तेज़ समय डिलीवर करने के लिए, हमें तीन वैरिएबल को कम से कम करना होगा:

  • अहम संसाधनों की संख्या.
  • महत्वपूर्ण संख्यात्मक विश्लेषण.
  • महत्वपूर्ण बाइट की संख्या.

एक ज़रूरी संसाधन ऐसा संसाधन है जो पेज की शुरुआती रेंडरिंग को ब्लॉक कर सकता है. ये संसाधन जितने कम होंगे, ब्राउज़र, CPU, और दूसरे संसाधनों का उतना ही कम काम होगा.

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

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

क्रिटिकल रेंडरिंग पाथ को ऑप्टिमाइज़ करने के लिए, सामान्य क्रम यह है:

  1. अपने महत्वपूर्ण पाथ का विश्लेषण करें और उसकी विशेषता बताएं: संसाधनों की संख्या, बाइट, लंबाई.
  2. ज़रूरी संसाधनों की संख्या कम से कम करें: उन्हें खत्म करें, डाउनलोड रोकें, उन्हें एक साथ काम नहीं करने वाली प्रोसेस के तौर पर मार्क करें वगैरह.
  3. डाउनलोड में लगने वाले समय (राउंडट्रिप की संख्या) को कम करने के लिए, अहम बाइट की संख्या ऑप्टिमाइज़ करना.
  4. उस क्रम को ऑप्टिमाइज़ करें जिसमें बाकी अहम संसाधन लोड होते हैं: ज़रूरी पाथ की अवधि कम करने के लिए, सभी अहम एसेट जल्द से जल्द डाउनलोड करें.

सुझाव/राय दें या शिकायत करें