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