परफ़ॉर्मेंस, उपयोगकर्ता अनुभव का एक अहम हिस्सा है. पेजों के लोड होने की स्पीड और उपयोगकर्ता के इनपुट का जवाब देने में लगने वाले समय से, इस बात पर काफ़ी असर पड़ता है कि उपयोगकर्ता आपकी साइट को कैसा अनुभव देते हैं. साथ ही, इससे यह भी तय होता है कि उपयोगकर्ता आपकी वेबसाइट पर बने रहेंगे या नहीं. इस पेज पर, आपको वेब की परफ़ॉर्मेंस से जुड़े अलग-अलग विषयों के बारे में काफ़ी जानकारी मिलेगी. इससे आपको अपनी वेबसाइट को तेज़ बनाने और उसे तेज़ बनाए रखने में मदद मिलेगी.
क्या आपने पहले कभी परफ़ॉर्मेंस का आकलन नहीं किया है? शुरुआत करने में आपकी मदद करने के लिए, हमने एक कोर्स भी उपलब्ध कराया है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली तीन मेट्रिक के बारे में जानें. साथ ही, यह भी जानें कि ये मेट्रिक कैसे काम करती हैं और उपयोगकर्ता अनुभव को बेहतर बनाने के लिए ये मेट्रिक क्यों ज़रूरी हैं.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के बारे में जानने के बाद, इन गाइड से आपको यह समझने में मदद मिल सकती है कि उन्हें सबसे सही तरीके से कैसे ऑप्टिमाइज़ किया जा सकता है.
मेट्रिक के बारे में ज़्यादा जानकारी देने वाली गाइड की मदद से, Core Web Vitals के बारे में ज़्यादा जानें.
परफ़ॉर्मेंस को बेहतर बनाने के लिए नई सुविधाएं खोजें. ये सुविधाएं, अब बेसलाइन के तौर पर उपलब्ध हैं.
जानें कि कंपनियों ने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को कैसे बेहतर बनाया और इससे उनके कारोबार की मेट्रिक में बढ़ोतरी कैसे हुई.
Chrome DevTools का इस्तेमाल करके, अपनी वेबसाइट पर परफ़ॉर्मेंस की समस्याओं को डीबग करने का तरीका जानें.
कोर्स

वेब पर वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाना एक जटिल और कई पहलुओं वाला विषय है. हालांकि, इसे सीखना मुश्किल नहीं है! अगर आपने परफ़ॉर्मेंस के बारे में पहले कभी नहीं सुना है, तो हमारा कोर्स आपके लिए मददगार साबित होगा. इसमें, आपको परफ़ॉर्मेंस के आधार के बारे में बताया जाएगा. इससे आपको ज़्यादा बेहतर विषयों को समझने में मदद मिलेगी. कोर्स पूरा करने के बाद, सीखी गई बातों को तुरंत लागू किया जा सकता है!

परफ़ॉर्मेंस के बारे में जानें!

वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक, उपयोगकर्ता अनुभव पर फ़ोकस करने वाली तीन मेट्रिक का सेट है. इन टूल से पेजों की परफ़ॉर्मेंस और उपयोगिता का आकलन किया जाता है. इसमें लोड होने में लगने वाला अनुमानित समय, विज़ुअल स्टैबिलिटी, और उपयोगकर्ता के इनपुट का जवाब देने में लगने वाले समय की जानकारी शामिल है. अगर आपने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के बारे में पहले कभी नहीं सुना है, तो इन गाइड से आपको इस बारे में जानकारी मिलेगी कि यह मेट्रिक कैसे काम करती है. साथ ही, इनसे आपको इसे ऑप्टिमाइज़ करने का तरीका भी पता चलेगा.
एलसीपी एक मेट्रिक है, जो किसी पेज पर सबसे बड़े कॉन्टेंट को दिखने में लगने वाले समय को मेज़र करती है. कम एलसीपी वाले पेज, उपयोगकर्ताओं को यह सिग्नल देते हैं कि आपका पेज तेज़ी से लोड हो रहा है.
ज़्यादा जानें
सीएलएस एक ऐसी मेट्रिक है जो लेआउट में अचानक होने वाले बदलावों के लिए पेज को देखकर, लेआउट की स्थिरता का पता लगाती है. कम सीएलएस वाले पेज से उपयोगकर्ताओं को यह सिग्नल मिलता है कि पेज का लेआउट स्थिर है और उससे इंटरैक्ट करने पर, अचानक से बदलाव नहीं होगा.
ज़्यादा जानें
आईएनपी एक मेट्रिक है. इससे पता चलता है कि उपयोगकर्ता के इनपुट का जवाब देने में पेज को कितना समय लगता है. कम आईएनपी वाले पेज से उपयोगकर्ताओं को यह सिग्नल मिलता है कि पेज पर इंटरैक्ट करने पर, वह तुरंत जवाब देता है. इससे आपकी वेबसाइट का इस्तेमाल करना ज़्यादा भरोसेमंद और मज़ेदार लगता है.
ज़्यादा जानें
उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली हर मेट्रिक को ऑप्टिमाइज़ किया जा सकता है. इनमें से हर गाइड में, वेबसाइट की परफ़ॉर्मेंस और भरोसे को बेहतर बनाने के लिए, आज़माए जा चुके तरीकों को लागू करने का तरीका बताया गया है. इससे, उपयोगकर्ताओं की दिलचस्पी बढ़ती है और वे आपकी वेबसाइट पर बने रहते हैं.
अपने उपयोगकर्ताओं के लिए एलसीपी को ऑप्टिमाइज़ करने का तरीका जानें, ताकि वे आपके पेज पर सबसे ज़रूरी कॉन्टेंट को जल्द से जल्द देख सकें.
ज़्यादा जानें
अपने उपयोगकर्ताओं के लिए, सीएलएस को ऑप्टिमाइज़ करने का तरीका जानें. इससे उपयोगकर्ताओं को लगता है कि आपकी वेबसाइट स्थिर और ज़्यादा इस्तेमाल करने लायक रहेगी.
ज़्यादा जानें
अपने उपयोगकर्ताओं के लिए आईएनपी मेट्रिक को ऑप्टिमाइज़ करने का तरीका जानें, ताकि वे उम्मीद कर सकें कि आपकी वेबसाइट इंटरैक्शन के लिए तुरंत जवाब देगी.
ज़्यादा जानें
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली तीन मेट्रिक और उन्हें ऑप्टिमाइज़ करने का तरीका जानना, शुरुआत के लिए बहुत अच्छा है. हालांकि, इनके बारे में और भी बहुत कुछ जानना है. इस कॉन्टेंट कलेक्शन से, आपको उन्हें मेज़र करने और डीबग करने के तरीके को समझने में मदद मिलेगी. साथ ही, आपको कुकी नोटिस, कैरसेल, और यूज़र इंटरफ़ेस से जुड़ी अन्य आम समस्याओं के लिए कुछ अन्य सबसे सही तरीके भी बताए जाएंगे.
ज़्यादा जानें
परफ़ॉर्मेंस को बेहतर बनाने से, न सिर्फ़ उपयोगकर्ता अनुभव बेहतर होता है, बल्कि आपके कारोबार को आगे बढ़ाने में भी मदद मिलती है. जानें कि इन कंपनियों ने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को कैसे बेहतर बनाया और अपने कारोबार की मेट्रिक में बढ़ोतरी कैसे देखी.
जानें कि Disney+ Hotstar ने आईएनपी को 61% कम करके, लिविंग रूम में इस्तेमाल होने वाले डिवाइसों पर, हर हफ़्ते कार्ड व्यू में 100% की बढ़ोतरी कैसे की.
ज़्यादा जानें
जानें कि कैसे PubTech के सहमति मैनेजमेंट प्लैटफ़ॉर्म ने अपने ग्राहकों की वेबसाइटों पर आईएनपी को 64% तक कम किया. साथ ही, विज्ञापन दिखने से जुड़े आंकड़ों में भी 1.5% तक की बढ़ोतरी हासिल की
ज़्यादा जानें
जानें कि Taboola ने अपने पब्लिशर पार्टनर की वेबसाइटों के लिए, आईएनपी को 36% तक बेहतर बनाने के लिए, The Long Animation Frames API (LoAF) का इस्तेमाल कैसे किया.
ज़्यादा जानें

बेसलाइन, वेब डेवलपर को यह सिग्नल देता है कि वेब प्लैटफ़ॉर्म की सुविधाओं का इस्तेमाल, सभी मुख्य ब्राउज़र इंजन में सुरक्षित तरीके से किया जा सकता है. यहां वेब परफ़ॉर्मेंस से जुड़ी कुछ ऐसी सुविधाएं दी गई हैं जो अब बेसलाइन के तौर पर उपलब्ध हैं.
content-visibility सीएसएस प्रॉपर्टी, सितंबर 2024 में बेसलाइन न्यूली उपलब्ध हो गई थी.
AVIF इमेज फ़ॉर्मैट, जनवरी 2024 से बेसलाइन के तौर पर उपलब्ध है.
मॉड्यूल को पहले से लोड करने की सुविधा, सितंबर 2023 में Baseline Newly उपलब्ध हो गई है.
Server-Timing एचटीटीपी रिस्पॉन्स हेडर, मार्च 2023 में बेसलाइन के तौर पर उपलब्ध हो गया है.

Chrome DevTools, डेवलपर के लिए टूल का एक सुइट है. इसकी मदद से, वेब ऐप्लिकेशन को डीबग किया जा सकता है. इसमें, आपके वेब ऐप्लिकेशन की परफ़ॉर्मेंस को समझने और उसे बेहतर बनाने वाले टूल शामिल हैं.
DevTools में नेटवर्क पैनल, आपको उन सभी संसाधनों को दिखाता है जिन्हें पेज लोड करता है. साथ ही, यह भी दिखाता है कि उन्हें लोड होने में कितना समय लगा. संसाधन लोड करने से जुड़ी परफ़ॉर्मेंस से जुड़ी समस्याओं की पहचान करने के लिए, इस पैनल का इस्तेमाल करने का तरीका जानें.
ज़्यादा जानें
DevTools में मौजूद परफ़ॉर्मेंस पैनल, रिकॉर्डिंग सेशन के दौरान किसी पेज की परफ़ॉर्मेंस के बारे में ज़्यादा जानकारी दिखाता है. इसमें मुख्य थ्रेड पर की गई गतिविधि, नेटवर्क गतिविधि, और अन्य टूल शामिल हैं. इनकी मदद से, परफ़ॉर्मेंस से जुड़ी समस्याओं की पहचान की जा सकती है और उन्हें ठीक किया जा सकता है.
ज़्यादा जानें
मेमोरी पैनल से पता चलता है कि पेज के JavaScript का इस्तेमाल करके कितनी मेमोरी का इस्तेमाल किया जा रहा है. इस पैनल को इस्तेमाल करने का तरीका जानकर, पेज के JavaScript की वजह से मेमोरी से जुड़ी समस्याओं का पता लगाया जा सकता है और उन्हें ठीक किया जा सकता है.
ज़्यादा जानें