· 3 min read · Web performance

Core Web Vitals

कोर वेब वाइटल्स गूगल के तीन उपयोगकर्ता अनुभव मेट्रिक्स हैं: लोडिंग के लिए LCP, जवाबदेही के लिए INP, और विज़ुअल स्थिरता के लिए CLS।

Kasper Hermann Due Stück
संस्थापक और ई-कॉमर्स विशेषज्ञव्यापारियों के लिए SEO और विकास पर केंद्रित Shopify ऐप्स बनाना।

कोर वेब वाइटल्स (Core Web Vitals) क्या हैं?

कोर वेब वाइटल्स तीन ठोस मेट्रिक्स हैं जिनका उपयोग Google किसी पेज के उपयोगकर्ता अनुभव (user experience) को मापने के लिए करता है: LCP (Largest Contentful Paint) मापता है कि मुख्य सामग्री कितनी तेज़ी से लोड होती है, INP (Interaction to Next Paint) मापता है कि पेज क्लिक और टैप का कितनी तेज़ी से जवाब देता है, और CLS (Cumulative Layout Shift) विज़ुअल स्थिरता (visual stability) को मापता है। INP ने 12 मार्च 2024 को पुराने FID का स्थान ले लिया। एक पेज तब पास होता है जब LCP 2.5 सेकंड या उससे कम हो, INP 200 ms या उससे कम हो, और CLS 0.1 या उससे कम हो।

कोर वेब वाइटल्स क्यों महत्वपूर्ण हैं?

एक ऑनलाइन स्टोर के लिए ये स्कोर अंतिम परिणाम और दृश्यता (visibility) दोनों को प्रभावित करते हैं। उत्पाद और संग्रह पेजों पर धीमा LCP और खराब INP ग्राहकों के ड्रॉप-ऑफ को बढ़ाते हैं और ठीक उसी जगह कन्वर्शन को कम करते हैं जहां ग्राहक खरीदारी के सबसे करीब होता है। कोर वेब वाइटल्स गूगल के पेज अनुभव सिग्नलों (page experience signals) में भी योगदान करते हैं और दो समान रूप से मजबूत परिणामों के बीच टाईब्रेकर के रूप में कार्य कर सकते हैं। गूगल 75वें पर्सेंटाइल पर वास्तविक विज़िटर्स के फील्ड डेटा (क्रोम यूजर एक्सपीरियंस रिपोर्ट) पर इन स्कोर का मूल्यांकन करता है, जिसे मोबाइल और डेस्कटॉप के लिए अलग से रिपोर्ट किया जाता है — इसलिए आपके उपयोगकर्ताओं का सबसे धीमा एक-चौथाई हिस्सा ही परिणाम तय करता है।

सामान्य उपयोग के मामले

  • PageSpeed Insights या Search Console में कोर वेब वाइटल्स रिपोर्ट के साथ धीमे उत्पाद पेज का निदान करना
  • मुख्य छवियों (hero images) को संपीड़ित (compress) करके, WebP का उपयोग करके, और सबसे बड़ी छवि को प्रीलोड करके LCP को अनुकूलित करना
  • बैनर, कुकी पॉपअप और फोंट के कारण होने वाले CLS को हटाना जो पेज लोड होने के दौरान लेआउट को खिसकाते हैं।
  • ऐप्स और तीसरे पक्ष के स्क्रिप्ट से भारी जावास्क्रिप्ट (JavaScript) को कम करके INP में सुधार करना
  • डेवलपर्स या प्रबंधन के लिए एक नए थीम या ऐप के प्रभाव का दस्तावेजीकरण करना

शॉपिफाई का नजरिया

Shopify थीम अक्सर शुरुआत में मजबूत होते हैं, लेकिन ऐप्स, चैटबॉट्स और ट्रैकिंग स्क्रिप्ट आमतौर पर स्कोर को नीचे खींचते हैं। हमेशा केवल प्रयोगशाला (lab) नंबर के बजाय फील्ड डेटा के साथ वास्तविक यूआरएल पर मापें, और उन ऐप्स को अनइंस्टॉल करें जिनका आप अब उपयोग नहीं करते हैं। थीम के मूल लेज़ी लोडिंग और शॉपिफाई के इमेज सीडीएन पर भरोसा करें, और याद रखें कि व्यवहार में पॉपअप और विज्ञापन बैनर खराब CLS के सबसे आम कारण हैं।

Shopify व्यापारियों के लिए Pocium अपडेट

नए ऐप्स, व्यावहारिक Shopify गाइड और उत्पाद अपडेट।