पब्लिश किया गया: 31 मार्च, 2014
पहले रेंडर को कम से कम समय देने के लिए, हमें तीन वैरिएबल को कम से कम करना होगा:
- महत्वपूर्ण संसाधनों की संख्या.
- क्रिटिकल पाथ की लंबाई.
- ज़रूरी बाइट की संख्या.
ज़रूरी रिसॉर्स, ऐसा रिसॉर्स होता है जो पेज की शुरुआती रेंडरिंग को ब्लॉक कर सकता है. इन रिसॉर्स की संख्या जितनी कम होगी, ब्राउज़र, सीपीयू, और अन्य रिसॉर्स का काम उतना ही कम होगा.
इसी तरह, क्रिटिकल पाथ लेंथ, ज़रूरी रिसॉर्स और उनकी बाइटाइज़ के बीच डिपेंडेंसी ग्राफ़ का एक फ़ंक्शन है: कुछ रिसॉर्स डाउनलोड, पिछले रिसॉर्स के प्रोसेस होने के बाद ही शुरू किए जा सकते हैं. साथ ही, रिसॉर्स जितना बड़ा होगा, उतनी ज़्यादा राउंड ट्रिप होंगी.
आखिर में, ब्राउज़र को जितने कम क्रिटिकल बाइट डाउनलोड करने होंगे, वह कॉन्टेंट को उतनी ही तेज़ी से प्रोसेस कर सकता है और उसे स्क्रीन पर दिखा सकता है. बाइट की संख्या कम करने के लिए, हम संसाधनों की संख्या कम कर सकते हैं (उन्हें हटा सकते हैं या ज़रूरी नहीं बना सकते). साथ ही, हम हर रिसॉर्स को कंप्रेस और ऑप्टिमाइज़ करके, ट्रांसफ़र के साइज़ को कम से कम करना चाहते हैं.
क्रिटिकल रेंडरिंग पाथ को ऑप्टिमाइज़ करने का सामान्य तरीका यह है:
- अपने ज़रूरी पाथ का विश्लेषण करें और उसकी विशेषता बताएं: संसाधनों की संख्या, बाइट, और लंबाई.
- ज़रूरी रिसॉर्स की संख्या कम करें: उन्हें हटाएं, उनके डाउनलोड को रोकें, उन्हें असाइन्क्रोनस के तौर पर मार्क करें, और अन्य अहम बातों का ध्यान रखें.
- डाउनलोड के समय (राउंडट्रिप की संख्या) को कम करने के लिए, ज़रूरी बाइट की संख्या ऑप्टिमाइज़ करना.
- वह क्रम ऑप्टिमाइज़ करें जिसमें ज़रूरी संसाधन लोड होते हैं: अहम पाथ की अवधि कम करने के लिए, सभी ज़रूरी एसेट जल्द से जल्द डाउनलोड करें.