वेब पेज लेटेंसी

पोस्ट " पेज के वजन के बारे में कुछ " ने मुझे एक छोटा सा लिखना चाहा। बहुत से लोग नोटिस करते हैं कि बैंडविड्थ में वृद्धि के कारण वेब पेजों के आकार का अनुकूलन कम प्रासंगिक होता जा रहा है। जल्दी या बाद में, हर कोई एक गीगाबिट पर बैठेगा, और इससे कोई फर्क नहीं पड़ेगा कि आपका पृष्ठ 100Kb या 250 वजन का है। शायद ऐसा होगा। हालांकि, चैनल की गति के अलावा, एक और पैरामीटर है - विलंब या विलंबता। और अगर प्रौद्योगिकी के विकास के साथ चैनलों का थ्रूपुट अभी भी बहुत बढ़ सकता है, तो विलंबता की एक भौतिक सीमा है: यह एक ऑप्टिकल फाइबर में प्रकाश की गति है - लगभग 200 हजार किलोमीटर प्रति सेकंड।

हालांकि यह गति बहुत अधिक है, लेकिन अभी भी इसके बारे में भूलने के लिए पर्याप्त नहीं है, क्योंकि हमारा ग्रह बल्कि बड़ा है। यह कुछ भी नहीं है कि वोल्फ्राम अल्फा फाइबर में इस प्रकाश से गुजरने के लिए दूरी तय करने के लिए कितना समय देता है। मान लीजिए कि आपके पास टोक्यो में एक सर्वर है, और क्लाइंट रियो डी जनेरियो से आया है। भले ही ये दोनों शहर ऑप्टिकल फाइबर द्वारा पृथ्वी की सतह पर सबसे छोटे रास्ते से जुड़े हों, लेकिन प्रकाश 86.7 एमएस जाएगा।

आपके लिए इसका क्या मतलब है? मान लीजिए कि कोई उपयोगकर्ता ब्राउज़र में आपका पेज खोलता है, उदाहरण के लिए, बुकमार्क से। जब वह सिग्नल सर्वर तक पहुंचता है, तब तक उस क्षण से, जब तक कि न्यूनतम 86.7 ms पास नहीं हो जाता। और बस इतना कि सिग्नल वापस आ जाए। आपका पृष्ठ 173.4 एमएस से अधिक तेज़ी से लोड नहीं हो सकता है, भले ही यह वजन में हल्का हो और आमतौर पर क्लाइंट द्वारा कैश किया गया हो (यह पता लगाने के लिए कि यह नहीं बदला है, आपको अभी भी सर्वर से पूछना होगा)।

ऐसा लगता है कि 173.4 एमएस जीवन की छोटी चीजें हैं। लेकिन इतना सरल नहीं है। कई पृष्ठों को स्क्रिप्ट, शैलियों और चित्रों की आवश्यकता होती है, लोड किए बिना जो पृष्ठ कार्यात्मक नहीं है। ब्राउज़र HTML को लोड किए बिना ही यह सब लोड करना शुरू नहीं कर सकता है (HTML में लिपियों के लिंक)। तो, हमें पहले से ही 86.7 ms (HTML request) + 86.7 ms (HTML प्राप्त करना) + 86.7 ms (बाकी सब कुछ अनुरोध करना) + 86.7 ms (बाकी सब कुछ प्राप्त करना) - न्यूनतम 346.8 ms चाहिए।

बेशक, और 346.8 एमएस प्रतीक्षा कर सकते हैं। हालाँकि, ऐसा होता है कि पृष्ठ के सामान्य प्रदर्शन के लिए, AJAX अनुरोध की आवश्यकता होती है। उदाहरण के लिए, आपके पेज पर मुख्य सूचना ब्लॉक AJAX के माध्यम से सर्वर से स्वचालित रूप से अपडेट की जा सकती है। सर्वर तर्क को जटिल नहीं करने के लिए, आप इसे प्रारंभिक पृष्ठ लोड पर नहीं देते हैं, लेकिन इसे खाली छोड़ देते हैं, लेकिन तुरंत अपडेट फ़ंक्शन को कॉल करें। ऐसी कई साइटें हैं। मान लीजिए कि rts.micex.ru इंडेक्स, कोट्स और अन्य ब्लॉक इस तरह लोड किए गए हैं। अब, यदि आप वर्तमान उद्धरणों को देखने के लिए गए हैं, तो आपको HTML को लोड करने, JS लोड करने और फिर AJAX अनुरोध को निष्पादित करने के लिए इंतजार करना होगा - कम से कम 520.2 एमएस। एक आधे सेकंड की देरी पहले से ही असहज है, हालांकि, निश्चित रूप से, आप बर्दाश्त कर सकते हैं।

हालाँकि, ऐसा भी होता है कि कुछ जानकारी एक AJAX अनुरोध के साथ भरी हुई है, जो अन्य AJAX अनुरोध के परिणामों की प्रतीक्षा करती है। कभी-कभी यह क्लाइंट और सर्वर के बीच गलत अवधारणा के कारण होता है: अगला अनुरोध भेजने के लिए, आपको पिछले वाले से जानकारी चाहिए। अधिक बार यह डेवलपर के आलस्य के कारण होता है, जो एक बार में कई अनुरोधों को पूरा करने के बाद कुछ कोड को निष्पादित करने की अनुमति देने वाले कार्यों को नहीं समझते थे (या वेनिला जेएस के पसंद आने पर खुद ऐसे कार्य नहीं लिखते हैं), और इसलिए बस दूसरे अनुरोध को पहले के onreadystatechange पर भेजता है।

यहाँ डाउनलोड का ऐसा अद्भुत चित्र एक ऑनलाइन बैंकिंग प्रणाली का प्रारंभ पृष्ठ दिखाता है जिसका मैं उपयोग करता हूं:

अतिरिक्त संसाधनों और लिपियों को लगातार 9 AJAX अनुरोधों के माध्यम से यहां लोड किया जाता है। इसे HTML के लिए एक अनुरोध और एक स्क्रिप्ट के लिए एक अनुरोध जो इस सभी सामान को लोड करता है - हमें क्लाइंट और सर्वर को 1.9 सेकंड में सेट करने पर न्यूनतम विलंब मिलता है। यह बात है: कम से कम पृथ्वी भर में टेराबिट इंटरनेट खर्च करें, असीम रूप से तेज़ सर्वर और हार्ड ड्राइव बनाएं, और रियो डी जनेरियो का एक उपयोगकर्ता टेढ़े प्रोग्रामर के कारण अभी भी दो सेकंड इंतजार करेगा।

यहां तक ​​कि अगर हम मानते हैं कि इंजीनियर सतह पर नहीं, बल्कि पृथ्वी के माध्यम से और निर्वात में प्रकाश की गति पर (जैसे कि रिलेटिव न्यूट्रीनो के एक बीम को लॉन्च करते हैं, और दूसरी तरफ डिटेक्टर लगाते हैं) भेजना सीखेंगे, तो विलंबता आधे से कम हो जाएगी। लेकिन, मुझे लगता है, जितनी जल्दी वे चंद्रमा तक इंटरनेट पहुंच का संचालन करेंगे, उससे अधिक वे करेंगे। और चंद्रमा से, इस तरह की साइट को खुद लोड किया जाएगा कि कितना गिना जाए।

बेशक, आपके पास पृथ्वी के दूसरी ओर से कुछ ग्राहक हो सकते हैं, लेकिन तार कम से कम रास्ते के साथ नहीं हैं, और रिपीटर्स और राउटर पर देरी काफी मूर्त है।

निष्कर्ष में अच्छी तरह से और स्पष्ट सहायक युक्तियाँ:

• मुख्य HTML लोड करने के बाद अपनी साइट को कार्यात्मक और जानकारीपूर्ण बनाने का प्रयास करें। YouTube मुखपृष्ठ एक अच्छा उदाहरण है।
• AJAX अनुरोध के साथ प्राप्त न करें जो आप उपयोगकर्ता को तुरंत दिखाना चाहते हैं। तुरंत सही पृष्ठ उत्पन्न करें।
• बेशक, यह संभव है और आवश्यक है कि उस जानकारी को डाउनलोड न करें जो उपयोगकर्ता तब तक नहीं देखेगा जब तक वह एक स्पष्ट कार्रवाई नहीं करता (पृष्ठ के माध्यम से स्क्रॉल करें, "विवरण दिखाएं", आदि पर क्लिक करें)। लेकिन इन कार्यों के जवाब में लगातार AJAX अनुरोधों को बाहर करने का प्रयास करें। या तो एक अनुरोध को पूरा करें, या सब कुछ समानांतर में करें।
• यदि संभव हो, तो साइट के दर्पणों को दुनिया के विभिन्न हिस्सों में रखें और उपयोगकर्ता को निकटतम में पुनर्निर्देशित करें।