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