पेज लोड होने में एक सेकंड की देरी कन्वर्ज़न 7% घटा देती है। जो साइट अच्छी कमाई करती हैं, उनके लिए यह हर महीने हज़ारों डॉलर का नुकसान है। पेज की स्पीड सिर्फ़ अच्छी आदत नहीं है। इसे सर्च इंजन सीधे नापते हैं और यह रैंकिंग को सीधे प्रभावित करती है। Core Web Vitals तीन खास मेट्रिक हैं जो असली यूज़र का अनुभव नापते हैं। इन्हें साध लें तो आपकी रैंकिंग और कन्वर्ज़न दोनों सुधरते हैं। जानें कि ये क्या हैं और इन्हें कैसे ऑप्टिमाइज़ करें।
पेज की स्पीड रैंकिंग को प्रभावित करती है। Core Web Vitals पेज की स्पीड नापते हैं। ये धुँधली सलाहें नहीं हैं। ये नापने लायक सीमाओं वाली खास मेट्रिक हैं। जो पेज सीमाएँ पूरी करते हैं, वे बेहतर रैंक करते हैं। जो पेज उनमें फ़ेल होते हैं, वे बदतर रैंक करते हैं।
Core Web Vitals तीन खास मेट्रिक हैं
Largest Contentful Paint (LCP) नापता है कि मुख्य कंटेंट कितनी तेज़ी से लोड होता है। Interaction to Next Paint (INP) नापता है कि आपका पेज यूज़र के इनपुट पर कितनी तेज़ी से जवाब देता है। Cumulative Layout Shift (CLS) नापता है कि लोडिंग के दौरान लेआउट कितना स्थिर है।
अच्छा LCP 2.5 सेकंड से कम है। अच्छा INP 200 मिलीसेकंड से कम है। अच्छा CLS 0.1 से कम है। अगर आपका पेज इनमें से किसी में फ़ेल होता है, तो सर्च इंजन जानते हैं कि यूज़र का अनुभव खराब है।
LCP: मुख्य कंटेंट तेज़ी से लोड होना चाहिए
Largest Contentful Paint नापता है कि आपके पेज का सबसे बड़ा तत्व कब लोड होना खत्म करता है। ज़्यादातर पेज के लिए यह इमेज या हेडिंग होती है। अगर आपका LCP धीमा है, तो यूज़र इंतज़ार करते समय खाली पेज देखते हैं।
इमेज ऑप्टिमाइज़ करके LCP सुधारें। उन्हें कंप्रेस करें। WebP जैसे अगली पीढ़ी के फ़ॉर्मेट इस्तेमाल करें। फ़ोल्ड के नीचे की इमेज को लेज़ी लोड करें। तेज़ होस्टिंग प्रोवाइडर इस्तेमाल करें। रेंडर रोकने वाली JavaScript हटाएँ। छोटे सुधार जुड़ते जाते हैं।
आपका लक्ष्य 2.5 सेकंड से कम है। अगर आपका LCP 5 सेकंड है, तो यूज़र आपका कंटेंट देखने से पहले ही चले जाते हैं। अगर वह 2 सेकंड है, तो यूज़र इंतज़ार करते हैं और जुड़े रहते हैं।
INP: आपके पेज को क्लिक पर तुरंत जवाब देना चाहिए
Interaction to Next Paint उस समय को नापता है जो यूज़र के किसी चीज़ को क्लिक या टैप करने और पेज के जवाब देने के बीच लगता है। अगर INP धीमा है, तो आपका पेज जमा हुआ लगता है।
JavaScript ऑप्टिमाइज़ करके INP सुधारें। गैर-ज़रूरी स्क्रिप्ट हटाएँ। लंबे काम तोड़ें। इवेंट लिसनर ऑप्टिमाइज़ करें। थर्ड-पार्टी स्क्रिप्ट को लेज़ी लोड करें। इनपुट पर जवाब देने वाला पेज, इनपुट पर जवाब न देने वाले तेज़ पेज से बेहतर कन्वर्ट करता है।
लक्ष्य: 200 मिलीसेकंड से कम। अगर आपके पेज को क्लिक पर जवाब देने में 500ms लगते हैं, तो यूज़र सोचते हैं कि वह टूटा है। अगर वह 100ms में जवाब देता है, तो वह तुरंत लगता है।
CLS: लोडिंग के दौरान आपके लेआउट को खिसकना नहीं चाहिए
Cumulative Layout Shift नापता है कि लोडिंग के दौरान लेआउट कितना इधर-उधर हिलता है। अगर इमेज धीमे लोड होती हैं, तो टेक्स्ट नीचे खिसकता है। अगर विज्ञापन कंटेंट के बाद लोड होते हैं, तो सब कुछ हिल जाता है। यह परेशान करने वाला है और गलती से क्लिक करवाता है।
इमेज और विज्ञापनों के लिए जगह रिज़र्व करके CLS सुधारें। ब्राउज़र को बताने के लिए CSS एस्पेक्ट रेशियो इस्तेमाल करें कि कितनी जगह रिज़र्व करनी है। ज़रूरी फ़ॉन्ट पहले लोड करें। मौजूदा कंटेंट के ऊपर कंटेंट डालने से बचें।
लक्ष्य: 0.1 से कम। कोई भी लेआउट शिफ़्ट यूज़र को दिखता है। उसे कम से कम रखें।
असली यूज़र के डेटा में Core Web Vitals पर नज़र रखें
Lighthouse और PageSpeed Insights लैब की परिस्थितियों में टेस्ट चलाते हैं। असली यूज़र की मॉनिटरिंग असली डेटा दिखाती है। असली यूज़र का डेटा देखने के लिए Chrome User Experience Report या सर्च इंजन कंसोल इस्तेमाल करें।
असली डेटा इसलिए मायने रखता है क्योंकि असली यूज़र के पास आपके टेस्ट कंप्यूटर से धीमे कनेक्शन और पुराने डिवाइस होते हैं। जो लैब की परिस्थितियों में चलता है, वह असली दुनिया में फ़ेल हो सकता है।
स्पीड सीधे कमाई को प्रभावित करती है
तेज़ साइटें बेहतर कन्वर्ट करती हैं। धीमी साइटें ग्राहक खोती हैं। हर सेकंड की देरी पर आप कन्वर्ज़न खोते हैं। यह नापा जा सकता है। प्रयोग चलाएँ। स्पीड के सुधार जोड़ें। कन्वर्ज़न पर असर ट्रैक करें।
5 सेकंड का पेज लोड, 2 सेकंड के पेज लोड से ज़्यादा ग्राहक खोता है। फ़र्क पैसे का है। पेज की स्पीड ऑप्टिमाइज़ करें और आप रैंकिंग के साथ कमाई भी बढ़ाते हैं।
इमेज को ज़ोर-शोर से ऑप्टिमाइज़ करें
इमेज आम तौर पर पेजों की सबसे बड़ी फ़ाइलें होती हैं। उन्हें लगातार कंप्रेस करें। अगली पीढ़ी के फ़ॉर्मेट इस्तेमाल करें। फ़ोल्ड के नीचे की इमेज को लेज़ी लोड करें। ऐसी रेस्पॉन्सिव इमेज इस्तेमाल करें जो अलग डिवाइस के लिए स्केल हों।
गैर-ज़रूरी इमेज हटाना कभी-कभी बची हुई इमेज को कंप्रेस करने से ज़्यादा मायने रखता है। क्या आपको 10 इमेज चाहिए या 5? कम इमेज तेज़ी से लोड होती हैं।
अक्सर पूछे जाने वाले सवाल
अच्छा Core Web Vitals स्कोर क्या है?
अच्छे का मतलब है: LCP 2.5 सेकंड से कम, INP 200 मिलीसेकंड से कम, CLS 0.1 से कम। अगर कोई भी मेट्रिक इन सीमाओं से ऊपर है, तो आपका पेज फ़ेल हो रहा है। सर्च कंसोल में अपना असली यूज़र डेटा देखें। लैब स्कोर असली यूज़र के अनुभव से कम मायने रखते हैं। WEMASY वेबसाइट बिल्डर से आप अपनी वेबसाइट पर अपने पेज बना सकते हैं। यहाँ देखें: वेबसाइट बिल्डर।
मैं अपना Core Web Vitals कैसे नापूँ?
लैब टेस्टिंग के लिए Google PageSpeed Insights इस्तेमाल करें। असली यूज़र के डेटा के लिए सर्च कंसोल इस्तेमाल करें। Chrome DevTools में Lighthouse इस्तेमाल करें। थर्ड-पार्टी मॉनिटरिंग टूल इस्तेमाल करें। असली यूज़र की मॉनिटरिंग सबसे ज़्यादा मायने रखती है क्योंकि वह असली अनुभव दिखाती है, टेस्ट की परिस्थितियाँ नहीं।
क्या Core Web Vitals सुधारने से बेहतर रैंकिंग की गारंटी है?
नहीं। Core Web Vitals सैकड़ों में से एक रैंकिंग फ़ैक्टर हैं। कंटेंट की क्वालिटी और प्रासंगिकता ज़्यादा मायने रखती हैं। पर जब बाकी फ़ैक्टर बराबर हों, तब Core Web Vitals टाई तोड़ने का काम करते हैं। उन्हें सुधारें, पर पहले कंटेंट की क्वालिटी पर ध्यान दें।
कौन-सी होस्टिंग Core Web Vitals को सबसे ज़्यादा प्रभावित करती है?
सर्वर रिस्पॉन्स टाइम LCP को काफ़ी प्रभावित करता है। तेज़ होस्टिंग प्रोवाइडर कंटेंट जल्दी पहुँचाते हैं। पर होस्टिंग समीकरण का सिर्फ़ एक हिस्सा है। इमेज ऑप्टिमाइज़ेशन, JavaScript ऑप्टिमाइज़ेशन और कैशिंग उतने ही मायने रखते हैं जितनी होस्टिंग। आप खराब ऑप्टिमाइज़ेशन से होस्टिंग के सहारे बाहर नहीं निकल सकते।
Core Web Vitals के सुधार का रैंकिंग पर असर पड़ने में कितना समय लगता है?
सर्च इंजन सुधरी मेट्रिक दिनों में इस्तेमाल करना शुरू कर सकते हैं। पर रैंकिंग में सुधार में ज़्यादा समय लगता है। सर्च इंजन पेजों का हफ़्तों और महीनों में दोबारा मूल्यांकन करते हैं। अपने Core Web Vitals सुधारें पर रातों-रात रैंकिंग बदलने की उम्मीद न करें। इसकी जगह कन्वर्ज़न पर असर ट्रैक करें, जो अक्सर रैंकिंग से जल्दी सुधरते हैं।
कौन-सी थर्ड-पार्टी स्क्रिप्ट Core Web Vitals को सबसे ज़्यादा नुकसान पहुँचाती हैं?
एनालिटिक्स, विज्ञापन और चैट विजेट अक्सर पेज धीमे करते हैं। उन्हें मुख्य कंटेंट पूरा होने के बाद लोड करें। async लोडिंग इस्तेमाल करें। गैर-ज़रूरी स्क्रिप्ट को टालने पर विचार करें। हर स्क्रिप्ट का आपके Core Web Vitals पर असर टेस्ट करें। जो स्क्रिप्ट कम वैल्यू देती हैं पर प्रदर्शन को काफ़ी नुकसान पहुँचाती हैं, उन्हें हटाएँ।