Web performance
वेब प्रदर्शन उस गति को संदर्भित करता है जिसमें वेब पृष्ठों को उपयोगकर्ता के वेब ब्राउज़र पर डाउनलोड और प्रदर्शित किया जाता है। वेब प्रदर्शन अनुकूलन (डब्ल्यू. पी. ओ.), या वेबसाइट अनुकूलन वेब प्रदर्शन को बढ़ाने के बारे में ज्ञान का क्षेत्र है। तेज़ वेबसाइट डाउनलोड गति आगंतुक प्रतिधारण और वफादारी और उपयोगकर्ता संतुष्टि को बढ़ाने के लिए दिखाई गई है, विशेष रूप से धीमे इंटरनेट कनेक्शन वाले उपयोगकर्ताओं और मोबाइल उपकरणों पर। वेब प्रदर्शन भी वेब पर कम डेटा यात्रा की ओर ले जाता है, जो बदले में वेबसाइट की बिजली की खपत और पर्यावरणीय प्रभाव को कम करता है। कुछ पहलू जो पेज लोड की गति को प्रभावित कर सकते हैं, उनमें ब्राउज़र/सर्वर कैश, छवि अनुकूलन और एन्क्रिप्शन (उदाहरण के लिए एस. एस. एल.) शामिल हैं, जो पृष्ठों को प्रस्तुत करने में लगने वाले समय को प्रभावित कर सकते हैं। बहु-स्तरीय कैश, प्रस्तुति परत घटकों के हल्के वजन के डिजाइन और सर्वर साइड घटकों के साथ अतुल्यकालिक संचार जैसी तकनीकों के माध्यम से वेब पेज के प्रदर्शन में सुधार किया जा सकता है। वेब के अस्तित्व के पहले दशक में, वेब प्रदर्शन में सुधार मुख्य रूप से वेबसाइट कोड को अनुकूलित करने और हार्डवेयर सीमाओं को आगे बढ़ाने पर केंद्रित था। पैट्रिक किलेलिया की 2002 की पुस्तक वेब परफॉरमेंस ट्यूनिंग के अनुसार, उपयोग की जाने वाली कुछ शुरुआती तकनीकों में सरल सर्वलेट या सी. जी. आई. का उपयोग करना, सर्वर मेमोरी बढ़ाना और पैकेट के नुकसान और पुनः प्रसारण की तलाश करना शामिल था। हालाँकि इन सिद्धांतों में अब इंटरनेट अनुप्रयोगों की अधिकांश अनुकूलित नींव शामिल है, वे वर्तमान अनुकूलन सिद्धांत से अलग हैं क्योंकि ब्राउज़र प्रदर्शन गति में सुधार करने का बहुत कम प्रयास किया गया था। स्टीव सॉडर्स ने 2004 में "वेब प्रदर्शन अनुकूलन" शब्द गढ़ा। उस समय सॉडर्स ने एक "उभरते उद्योग" के रूप में डब्ल्यू. पी. ओ. द्वारा वेब पर लाए जाने वाले प्रभाव के बारे में कई भविष्यवाणियां कीं, जैसे कि वेबसाइटों का डिफ़ॉल्ट रूप से तेज होना, समेकन, प्रदर्शन के लिए वेब मानक, अनुकूलन के पर्यावरणीय प्रभाव और एक विभेदक के रूप में गति। सॉउडर्स ने 2007 में एक प्रमुख बात यह कही कि किसी वेबसाइट को डाउनलोड करने और देखने में लगने वाले समय का कम से कम 80 प्रतिशत फ्रंट-एंड संरचना द्वारा नियंत्रित होता है। विशिष्ट ब्राउज़र व्यवहार के साथ-साथ एच. टी. टी. पी. कैसे काम करता है, इसके बारे में जागरूकता के माध्यम से इस अंतराल समय को कम किया जा सकता है। अनुकूलन तकनीक वेब प्रदर्शन अनुकूलन किसी वेबसाइट पर जाते समय उपयोगकर्ता अनुभव (यूएक्स) में सुधार करता है और इसलिए वेब डिजाइनरों और वेब डेवलपर्स द्वारा अत्यधिक वांछित है। वे कई तकनीकों का उपयोग करते हैं जो वेब पेज लोड समय को कम करने के लिए वेब अनुकूलन कार्यों को सुव्यवस्थित करते हैं। इस प्रक्रिया को फ्रंट एंड ऑप्टिमाइजेशन (एफ. ई. ओ.) या कंटेंट ऑप्टिमाइजेशन के रूप में जाना जाता है। एफ. ई. ओ. फ़ाइल के आकार को कम करने और "किसी दिए गए पृष्ठ को लोड करने के लिए आवश्यक अनुरोधों की संख्या को कम करने" पर ध्यान केंद्रित करता है। नीचे सूचीबद्ध तकनीकों के अलावा, सामग्री वितरण नेटवर्क का उपयोग-दुनिया भर में विभिन्न स्थानों पर फैले प्रॉक्सी सर्वरों का एक समूह-एक कुशल वितरण प्रणाली है जो नेटवर्क निकटता के आधार पर एक विशिष्ट उपयोगकर्ता के लिए एक सर्वर का चयन करती है। आमतौर पर सबसे तेज प्रतिक्रिया समय वाले सर्वर का चयन किया जाता है। निम्नलिखित तकनीकें आमतौर पर उपयोग किए जाने वाले वेब अनुकूलन कार्य हैं और वेब डेवलपर्स द्वारा व्यापक रूप से उपयोग किए जाते हैंः वेब ब्राउज़र एक वेब पेज डाउनलोड करते समय प्रस्तुत किए गए प्रत्येक हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल (एचटीटीपी) अनुरोध के लिए अलग-अलग ट्रांसमिशन कंट्रोल प्रोटोकॉल (टीसीपी) कनेक्शन खोलते हैं। ये अनुरोध डाउनलोड करने के लिए आवश्यक पृष्ठ तत्वों की कुल संख्या हैं। हालांकि, एक ब्राउज़र केवल एक मेजबान के लिए एक निश्चित संख्या में एक साथ कनेक्शन खोलने तक सीमित है। अड़चनों को रोकने के लिए, संसाधन समेकन का उपयोग करके अलग-अलग पृष्ठ तत्वों की संख्या को कम किया जाता है जिससे छोटी फ़ाइलों (जैसे छवियों) को एक फ़ाइल में एक साथ बंडल किया जाता है। यह एच. टी. टी. पी. अनुरोधों और एक वेब पेज को लोड करने के लिए आवश्यक "राउंड ट्रिप" की संख्या को कम करता है। वेब पृष्ठों का निर्माण जावास्क्रिप्ट और हाइपरटेक्स्ट मार्कअप लैंग्वेज (एच. टी. एम. एल.) जैसी कोड फाइलों से किया जाता है। जैसे-जैसे वेब पेज जटिलता में बढ़ते हैं, वैसे-वैसे उनकी कोड फाइलें और बाद में उनके लोड होने का समय भी बढ़ता है। फ़ाइल संपीड़न कोड फ़ाइलों को 80 प्रतिशत तक कम कर सकता है, जिससे साइट की प्रतिक्रियाशीलता में सुधार होता है। वेब कैशिंग ऑप्टिमाइजेशन सर्वर लोड, बैंडविड्थ उपयोग और विलंबता को कम करता है। सी. डी. एन. अपने सिस्टम से गुजरने वाले दस्तावेजों की प्रतियों को संग्रहीत करने के लिए समर्पित वेब कैशिंग सॉफ्टवेयर का उपयोग करते हैं। यदि कुछ शर्तें लागू होती हैं तो कैश से बाद के अनुरोधों को पूरा किया जा सकता है। वेब कैश सीडीएन के क्लाइंट साइड (फॉरवर्ड पोजीशन) या वेब-सर्वर साइड (रिवर्स पोजीशन) पर स्थित होते हैं। वेब ब्राउज़र एचटीटीपी कैश या वेब कैश के माध्यम से पुनः उपयोग के लिए सामग्री को संग्रहीत करने में भी सक्षम हैं। वेब ब्राउज़र द्वारा किए गए अनुरोधों को आम तौर पर एच. टी. टी. पी. कैश में भेजा जाता है ताकि यह प्रमाणित किया जा सके कि क्या अनुरोध को पूरा करने के लिए कैश किए गए जवाब का उपयोग किया जा सकता है। यदि ऐसा मिलान किया जाता है, तो जवाब कैश से पूरा होता है। यह नेटवर्क विलंबता और डेटा-हस्तांतरण से जुड़ी लागतों को कम करने में सहायक हो सकता है। एच. टी. टी. पी. कैश अनुरोध और प्रतिक्रिया शीर्षकों का उपयोग करके कॉन्फ़िगर किया गया है। कोड मिनिफिकेशन वेब डेवलपर्स द्वारा लिखे गए कोड और नेटवर्क तत्व कोड की व्याख्या कैसे करते हैं, के बीच विसंगतियों को अलग करता है। मिनिफिकेशन टिप्पणियों और अतिरिक्त स्थानों को हटा देता है और साथ ही कोड को कम करने के लिए चर नामों को क्रंच करता है, जिससे फ़ाइलों का आकार 60 प्रतिशत तक कम हो जाता है। कैशिंग और संपीड़न के अलावा, हानि संपीड़न तकनीकें (ऑडियो फ़ाइलों के साथ उपयोग की जाने वाली तकनीकों के समान) गैर-आवश्यक हेडर जानकारी को हटा देती हैं और कई उच्च रिज़ॉल्यूशन वाली छवियों पर मूल छवि की गुणवत्ता को कम करती हैं। ये परिवर्तन, जैसे पिक्सेल जटिलता या रंग श्रेणीकरण, अंतिम उपयोगकर्ता के लिए पारदर्शी हैं और छवि की धारणा को उल्लेखनीय रूप से प्रभावित नहीं करते हैं। एक अन्य तकनीक रिज़ॉल्यूशन-स्वतंत्र वेक्टर ग्राफिक्स के साथ रेखापुंज ग्राफिक्स का प्रतिस्थापन है। सरल ज्यामितीय छवियों के लिए वेक्टर प्रतिस्थापन सबसे उपयुक्त है। छवियों और वीडियो के आलसी लोडिंग से प्रारंभिक पृष्ठ लोड समय, प्रारंभिक पृष्ठ वजन और सिस्टम संसाधन उपयोग कम हो जाता है, इन सभी का वेबसाइट के प्रदर्शन पर सकारात्मक प्रभाव पड़ता है। इसका उपयोग किसी वस्तु के आरंभीकरण को उस बिंदु तक टालने के लिए किया जाता है जिस पर इसकी आवश्यकता होती है। ब्राउज़र एक पृष्ठ या पोस्ट में छवियों को लोड करता है जब उनकी आवश्यकता होती है जैसे कि जब उपयोगकर्ता पृष्ठ को नीचे स्क्रॉल करता है और एक बार में सभी छवियों को नहीं, जो डिफ़ॉल्ट व्यवहार है, और स्वाभाविक रूप से, अधिक समय लेता है। एच. टी. टी. पी./1. x और एच. टी. टी. पी./2 चूंकि वेब ब्राउज़र समानांतर उपयोगकर्ता अनुरोधों के लिए कई टी. सी. पी. कनेक्शनों का उपयोग करते हैं, इसलिए नेटवर्क संसाधनों का भीड़भाड़ और ब्राउज़र एकाधिकार हो सकता है। क्योंकि एच. टी. टी. पी./1 अनुरोध संबद्ध ओवरहेड के साथ आते हैं, वेब प्रदर्शन सीमित बैंडविड्थ और बढ़ते उपयोग से प्रभावित होता है। एच. टी. टी. पी./1 की तुलना में, एच. टी. टी. पी./2 पाठ के बजाय द्विआधारी है जो आदेशित और अवरुद्ध होने के बजाय पूरी तरह से बहुगुणित है इसलिए समानांतरता के लिए एक कनेक्शन का उपयोग कर सकता है शीर्ष संपीड़न का उपयोग करता है जो ओवरहेड को कम करने के लिए सर्वर को क्लाइंट कैश में सक्रिय रूप से प्रतिक्रियाओं को "धक्का" देने की अनुमति देता है। मेट्रिक्स हाल के वर्षों में, कई मेट्रिक्स पेश किए गए हैं जो डेवलपर्स को उनकी वेबसाइटों के प्रदर्शन के विभिन्न पहलुओं को मापने में मदद करते हैं। 2019 में, गूगल ने टाइम टू फर्स्ट बाइट (टी. टी. एफ. बी.), फर्स्ट कंटेंटफुल पेंट (एफ. सी. पी.), फर्स्ट पेंट (एफ. पी.), फर्स्ट इनपुट डिले (एफ. आई. डी.), क्युमुलेटिव लेआउट शिफ्ट (सी. एल. एस.) और लार्जेस्ट कंटेंटफुल पेंट (एल. सी. पी.) जैसे मेट्रिक्स पेश किए, जो वेबसाइट के मालिक को उन मुद्दों के बारे में अंतर्दृष्टि प्राप्त करने की अनुमति देते हैं जो उनकी वेबसाइटों के प्रदर्शन को नुकसान पहुंचा सकते हैं जिससे यह उपयोगकर्ता को सुस्त या धीमा लगता है। आनलोड टाइम, कनेक्शन टाइम, टोटल पेज साइज सहित अन्य मेट्रिक्स नेटवर्किंग स्तर पर होने वाली विलंबताओं और मंदी की सटीक तस्वीर प्रदान करने में मदद करते हैं जो किसी साइट को धीमा कर सकते हैं। मेट्रिक्स को मापने के लिए मॉड्यूल जैसे टी. टी. एफ. बी., एफ. सी. पी., एल. सी. पी., एफ. पी. आदि प्रमुख फ्रंटएंड जावास्क्रिप्ट पुस्तकालयों जैसे रिएक्ट, नुक्स्टजेएस और व्यू के साथ प्रदान किए जाते हैं। गूगल एक पुस्तकालय, कोर-वेब-महत्वपूर्ण पुस्तकालय प्रकाशित करता है जो फ्रंटएंड अनुप्रयोगों में इन मेट्रिक्स के आसान माप की अनुमति देता है। इसके अलावा, गूगल लाइटहाउस, एक क्रोम डेव-टूल्स घटक और पेजस्पीड इनसाइट एक ऐसी साइट भी प्रदान करता है जो डेवलपर्स को गूगल के अनुशंसित न्यूनतम और अधिकतम के साथ अपनी वेबसाइट के प्रदर्शन को मापने और तुलना करने की अनुमति देता है। इसके अलावा, मोज़िला फ़ायरफ़ॉक्स द्वारा नेटवर्क मॉनिटर जैसे उपकरण नेटवर्क-स्तर की मंदी में अंतर्दृष्टि प्रदान करने में मदद करते हैं जो डेटा के संचरण के दौरान हो सकते हैं। संदर्भ वेब विकास