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