कोर वेब वाइटल्स एनोटेशन में Chrome ऑफिस डॉक्स के साथ

वर्णन

यह एक्सटेंशन पेज विशेषताओं को उजागर करने के लिए आपकी वेबसाइट पर एनोटेशन को ओवरले करेगा, जिसका कोर वेब वाइटल्स परफॉर्मेंस मेट्रिक्स, फर्स्ट इनपुट डिले (एफआईडी), लार्जेस्ट कंटेंटफुल पेंट (एलसीपी) और क्युमुलेटिव लेआउट शिफ्ट (सीएलएस) पर प्रभाव पड़ा।

यह Google की अनुशंसित रंग-कोडित सीमाओं का उपयोग करते हुए, पृष्ठ के लिए कोर वेब वाइटल्स मेट्रिक्स की भी रिपोर्ट करता है।

वेबपेज के तत्वों पर दो प्रकार की टिप्पणियाँ डाली जाएंगी: 1. वे तत्व जिनमें लेआउट बदलाव था और संचयी लेआउट शिफ्ट स्कोर में योगदान दिया।

बदलाव की गंभीरता के आधार पर, एनोटेशन को सबसे कम प्रभाव से उच्चतम तक रंग कोडित किया जाएगा - पीला -> नारंगी -> गहरा नारंगी -> लाल।

प्रत्येक एनोटेशन के ऊपरी बाएँ कोने में आपको शिफ्ट स्कोर मिलेगा।

2. सबसे बड़े कंटेंटफुल पेंट वाले तत्व को धराशायी बैंगनी एनोटेशन के साथ हाइलाइट किया जाएगा।

इसमें एनोटेशन के ऊपरी बाएँ कोने में पेंट का समय शामिल होगा।

एक्सटेंशन पॉपअप को FID, LCP और CLS मीट्रिक समय के साथ एक ग्रिड खोलना चाहिए।

पॉपअप के नीचे वेबसाइट से एनोटेशन हटाने के लिए एक बटन है।

सबसे बड़े कंटेंटफुल पेंट को छोड़कर, कोर वेब वाइटल्स मेट्रिक्स उपयोगकर्ता द्वारा शुरू किए गए हैं।

जब आप प्लगइन का उपयोग करते हैं और अपनी वेबसाइट को डीबग करते हैं तो निम्नलिखित पर ध्यान दें: - उपयोगकर्ता द्वारा वेबपेज पर एक कुंजी को क्लिक या टैप करने के बाद पहला इनपुट विलंब कैप्चर किया जाता है।

यदि आप उन क्रियाओं में से किसी एक से पहले एक्सटेंशन खोलते हैं, तो आप देखेंगे कि ग्रिड से मीट्रिक गायब है।

प्रथम इनपुट विलंब प्राप्त करने के लिए, एक्सटेंशन बंद करें, पृष्ठ पर उपयोगकर्ता कार्रवाई करें और फिर दोबारा खोलें।

- संचयी लेआउट शिफ्ट पृष्ठ पर बदलावों का एक संचय है।

जैसे ही आप पृष्ठ पर स्क्रॉल करते हैं, आपको अतिरिक्त बदलाव दिखाई दे सकते हैं और एक्सटेंशन गतिशील रूप से नई एनोटेशन जोड़ देगा।

पॉपअप ग्रिड जो कुल स्कोर की रिपोर्ट करता है वह भी अधिक बदलावों के बढ़ने के साथ बढ़ेगा।

- संचयी लेआउट शिफ्ट एनोटेशन उस तत्व को उजागर करता है जो स्थानांतरित हुआ, **उस तत्व को नहीं जो बदलाव का कारण बना**।

उदाहरण के लिए, यदि कोई विज्ञापन पृष्ठ पर देर से लोड होता है, तो यह उसके नीचे के कुछ तत्वों को नीचे की ओर धकेल सकता है, जिससे बदलाव हो सकता है।

विज्ञापन के नीचे के तत्वों को संभवतः हाइलाइट किया जाएगा, और संभवतः विज्ञापन को भी।

- उपरोक्त विज्ञापन उदाहरण को देखते हुए, विज्ञापन लोड होने के बाद पृष्ठ पर कई तत्व स्थानांतरित हो गए होंगे।

उस स्थिति में, केवल एक शिफ्ट स्कोर रिकॉर्ड किया जाएगा, लेकिन सभी प्रभावित तत्वों को एक एनोटेशन के साथ हाइलाइट किया जाएगा।

इस मामले में, आपको एनोटेटेड शिफ्ट स्कोर के बगल में एक तीर (↳) देखना चाहिए जो एक साथ शिफ्ट हुए तत्वों के समूह को दर्शाता है।

अतिरिक्त जानकारी:

- डेलम्बो द्वारा ऑफ़र किया गया
- औसत रेटिंग : 5 सितारे (इसे पसंद किया)
- डेवलपर इस ईमेल पते की सुरक्षा स्पैममबोट से की जा रही है। इसे देखने के लिए आपको जावास्क्रिप्ट सक्षम करना होगा।

कोर वेब वाइटल्स एनोटेशन वेब extension ऑफिस डॉक्स के साथ एकीकृत Chromium ऑनलाइन