वेबसाइट स्पीड और CORE WEB VITALS.
धीमी या उछलती वेबसाइट एक शब्द पढ़े जाने से पहले ही ग्राहक खो देती है. Google इस अनुभव को तीन Core Web Vitals से मापता है. यहां बताया है कि इनका मतलब क्या है, अपनी साइट को मुफ़्त में कैसे टेस्ट करें, और छोटे बिज़नेस की साइट पर आमतौर पर कौन से सुधार सबसे ज़्यादा मायने रखते हैं.
हाल में क्या बदला
- Google बैक-बटन हाइजैकिंग को स्पैम मानता है — ब्राउज़र का बैक बटन रोकना अब नाम से गिनाई गई स्पैम हरकत है.
यह गाइड उन बातों को कवर करती है जो नहीं बदलतीं. ब्लॉग बदलावों को आते ही ट्रैक करता है.
तीन मेट्रिक्स
Google, Core Web Vitals को ऐसी मेट्रिक्स का सेट बताता है जो लोडिंग परफ़ॉर्मेंस, इंटरैक्टिविटी और विज़ुअल स्टेबिलिटी के लिए असली यूज़र एक्सपीरियंस मापती हैं.2 2024 में Interaction to Next Paint (INP) ने Core Web Vital के रूप में First Input Delay की जगह ली.1
| मेट्रिक | यह क्या मापता है | अच्छा |
|---|---|---|
| Largest Contentful Paint (LCP) | लोडिंग: मुख्य कंटेंट कब दिखता है [1] | 2.5 सेकंड या कम [1][3] |
| Interaction to Next Paint (INP) | रिस्पॉन्सिवनेस: पेज टैप, क्लिक और टाइपिंग पर कितनी जल्दी प्रतिक्रिया देता है [1] | 200 मिलीसेकंड या कम [1][3] |
| Cumulative Layout Shift (CLS) | विज़ुअल स्टेबिलिटी: लोड होते समय पेज कितना इधर-उधर उछलता है [1] | 0.1 या कम [1][3] |
web.dev पेज लोड्स के 75th percentile पर, मोबाइल और डेस्कटॉप के लिए अलग-अलग मापने की सलाह देता है.1 Search Console 4 s तक के LCP, 500 ms तक के INP और 0.25 तक के CLS को “needs improvement” और इससे ऊपर कुछ भी हो तो “poor” रेट करता है.3
क्या इनसे रैंकिंग पर असर पड़ता है?
Google कहता है कि अच्छे Core Web Vitals उसी से मेल खाते हैं जिसे उसके core ranking systems बड़े page experience के हिस्से के तौर पर इनाम देना चाहते हैं.2 यह कई बातों में से एक है. कमज़ोर या बेकार कंटेंट वाला तेज़ पेज बेहतर जवाब से ऊपर रैंक नहीं करेगा, इसलिए स्पीड को उन विज़िटर्स को बनाए रखने का तरीका मानें जो आप पहले से कमा रहे हैं.
अपनी साइट कैसे टेस्ट करें
| टूल | यह क्या दिखाता है | ध्यान रखें |
|---|---|---|
| PageSpeed Insights | असली Chrome यूज़र्स का field data (CrUX) और साथ में Lighthouse का lab data, मोबाइल और डेस्कटॉप के लिए [4] | field data पिछले 28 दिनों को कवर करता है, इसलिए सुधार दिखने में समय लगता है; lab और field के नतीजे अलग हो सकते हैं [4] |
| Search Console Core Web Vitals रिपोर्ट | मिलते-जुलते URL के ग्रुप, असली यूज़र्स के डेटा के आधार पर Good, Needs improvement या Poor रेट किए गए [3] | छोटी साइट्स को “No data available” दिख सकता है जब CrUX डेटा काफ़ी न हो [3] |
अभी field data नहीं है? PageSpeed Insights के lab नतीजों को गाइड मानें, और अपने सबसे ज़रूरी पेज टेस्ट करें: होम, सर्विसेज़ और कॉन्टैक्ट.
छोटे बिज़नेस के आम सुधार
- इमेज छोटी करें. फ़ोटो कंप्रेस करें और मॉडर्न इमेज फ़ॉर्मेट इस्तेमाल करें.5 कैमरे से सीधी आई फ़ोन की फ़ोटो आमतौर पर स्क्रीन की ज़रूरत से कहीं बड़ी होती है.
- हीरो इमेज को lazy-load न करें. web.dev कहता है कि अपनी LCP इमेज को कभी lazy-load न करें, और
fetchpriorityattribute ब्राउज़र को बता सकता है कि कौन से रिसोर्स सबसे ज़रूरी हैं.5 - इमेज और एम्बेड को साइज़ दें.
widthऔरheightattributes डालें, या CSSaspect-ratioसे जगह रिज़र्व करें, ताकि कंटेंट खिसके नहीं.6 - वेब फ़ॉन्ट्स की प्लानिंग करें. फ़ॉन्ट लोड होते समय फ़ॉन्ट बदलने से टेक्स्ट खिसक सकता है; मिलता-जुलता fallback फ़ॉन्ट चुनें.6
- थर्ड-पार्टी स्क्रिप्ट्स कम करें. चैट विजेट, ट्रैकर और एम्बेड मिलकर भारी पड़ते हैं. web.dev कहता है कि जो स्क्रिप्ट साफ़ फ़ायदा न दे उसे हटा दें, और थर्ड-पार्टी स्क्रिप्ट्स को asynchronously लोड करें, जब तक उन्हें पेज रेंडर होने से पहले चलना ज़रूरी न हो.7
- क्लिक हैंडलर्स हल्के रखें. INP के लिए web.dev सलाह देता है कि event callbacks में जितना हो सके कम काम करें और लंबे टास्क को तोड़ें.8
- ठीक-ठाक होस्टिंग और CDN इस्तेमाल करें. web.dev फ़ाइलों की दूरी घटाने के लिए content delivery network की सलाह देता है.5
स्पीड, इस्तेमाल लायक साइट का एक हिस्सा है. हमारी वेबसाइट एक्सेसिबिलिटी गाइड दूसरा आधा हिस्सा कवर करती है: कीबोर्ड, स्क्रीन रीडर या ज़ूम इस्तेमाल करने वाले लोग.
FAQ
मेरा PageSpeed स्कोर कम है पर Search Console Good कहता है. कौन सही है?
दोनों हो सकते हैं. स्कोर एक सिम्युलेटेड lab टेस्ट से आता है; Search Console समय के साथ असली विज़िटर्स का डेटा इस्तेमाल करता है. Google समझाता है कि lab और field डेटा अलग हो सकते हैं.4
क्या मुझे पूरे 100 चाहिए?
नहीं. अपने ज़रूरी पेजों पर ऊपर दी गई “good” सीमाओं का लक्ष्य रखें, फिर अपना समय कंटेंट और ग्राहकों पर लगाएं.
क्या तेज़ साइट से ज़्यादा लीड्स की गारंटी है?
कोई इसका वादा नहीं कर सकता. स्पीड रुकावट हटाती है; बेचने का काम आपका ऑफ़र, रिव्यू और फ़ॉलो-अप ही करते हैं.
स्रोत
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results.
- Search Console Help, Core Web Vitals report.
- PageSpeed Insights documentation, About PageSpeed Insights.
- web.dev, Optimize Largest Contentful Paint.
- web.dev, Optimize Cumulative Layout Shift.
- web.dev, Efficiently load third-party JavaScript.
- web.dev, Optimize Interaction to Next Paint.
आगे पढ़ें
स्ट्रैटेजी कॉल बुक करें
पक्का नहीं कि आपकी साइट धीमी क्यों लगती है? हमें लिंक भेजें, हम आपके साथ देखेंगे कि उसे क्या रोक रहा है.