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