सबसे बड़ा विवादास्पद पेंट (LCP)

लार्जेस्ट कंटेंटफुल पेंट उस समय को मापता है जब कोई पेज लोड होना शुरू होता है और जब व्यूपोर्ट में दिखाई देने वाला सबसे बड़ा कंटेंट एलिमेंट पूरी तरह से रेंडर हो जाता है। यह Google के कोर वेब विटल्स में से एक है और लोडिंग स्पीड के अनुमान के लिए एक संकेतक के रूप में काम करता है। इसका तर्क यह है कि पेज तब लोड हुआ महसूस होता है जब उसका मुख्य कंटेंट दिखाई देता है, न कि तब जब सभी रिसोर्स डाउनलोड हो जाते हैं।

आमतौर पर, जिस एलिमेंट का मापन किया जाता है, वह एक हीरो इमेज, एक वीडियो पोस्टर, किसी बड़े ब्लॉक पर लगाई गई बैकग्राउंड इमेज या टेक्स्ट का एक बड़ा ब्लॉक होता है। कंटेंट रेंडर होने के दौरान कौन सा एलिमेंट योग्य माना जाएगा, यह बदल सकता है, और अंतिम रिपोर्ट किया गया मान उस समय के सबसे बड़े एलिमेंट के अनुरूप होता है जब उपयोगकर्ता पहली बार इंटरैक्ट करता है या पेज पूरी तरह लोड हो जाता है। Google की प्रकाशित सीमा के अनुसार, 2.5 सेकंड या उससे कम समय को अच्छा माना जाता है, जिसका मापन वास्तविक उपयोगकर्ता अनुभवों के 75वें प्रतिशत पर किया जाता है, जिसका अर्थ है कि लक्ष्य औसत विज़िटर नहीं बल्कि उनमें से सबसे धीमे उपयोग करने वाले एक चौथाई विज़िटर हैं।

कम स्कोर के कारण कुछ चुनिंदा श्रेणियों में आते हैं। सर्वर की धीमी प्रतिक्रिया से आगे की प्रक्रिया में देरी होती है, इसलिए उच्च समय-से-पहले बाइट तक पहुंचने की प्रक्रिया संभावित परिणाम को सीमित कर देती है। दस्तावेज़ के शीर्ष भाग में मौजूद CSS और JavaScript फ़ाइलें डाउनलोड और प्रोसेस होने तक रेंडरिंग को रोकती हैं। बड़ी, अनऑप्टिमाइज़्ड छवियों को स्थानांतरित और डीकोड होने में अधिक समय लगता है, खासकर मोबाइल कनेक्शन पर। CSS से संदर्भित या JavaScript द्वारा इंजेक्ट की गई छवियों जैसे संसाधन देर से खोजे जाते हैं, और ब्राउज़र द्वारा डाउनलोड शुरू होने के बाद ही डाउनलोड होना शुरू होते हैं। क्लाइंट-साइड रेंडरिंग इन सभी समस्याओं को और बढ़ा देती है, क्योंकि बंडल डाउनलोड और निष्पादित होने तक सामग्री प्रदर्शित नहीं हो सकती।

इसके समाधान सीधे तौर पर बताए गए हैं और इनमें से अधिकांश में कोई खास इंजीनियरिंग कार्य शामिल नहीं है। आधुनिक प्रारूपों में उचित आकार की छवियां प्रस्तुत करना, जिसमें स्पष्ट आयाम और सबसे बड़े आकार वाले तत्व के लिए प्राथमिकता संकेत शामिल हों, सबसे आम समस्या का समाधान करता है। हीरो इमेज और महत्वपूर्ण फ़ॉन्ट को प्रीलोड करने से ब्राउज़र जल्दी शुरू हो जाता है। महत्वपूर्ण CSS को इनलाइन करना और बाकी को स्थगित करना रेंडरिंग में बाधा डालने वाली निर्भरता को दूर करता है। कैशिंग और कंटेंट डिलीवरी नेटवर्क के माध्यम से सर्वर प्रतिक्रिया समय में सुधार करने से अन्य सभी चीजों के लिए अधिकतम सीमा बढ़ जाती है। कंटेंट से भरपूर पृष्ठों के लिए सर्वर-साइड रेंडरिंग या स्टैटिक जनरेशन जावास्क्रिप्ट पर निर्भरता से पूरी तरह से बचा जा सकता है।

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

एक महत्वपूर्ण बात यह है कि मेट्रिक को ऐसे तरीकों से बेहतर बनाया जा सकता है जिनसे अनुभव में कोई सुधार न हो, और दबाव में आकर टीमें अक्सर ऐसा ही करती हैं। हीरो इमेज को बाद में दिखाना ताकि टेक्स्ट ब्लॉक सबसे बड़ा एलिमेंट बन जाए, मुख्य विज़ुअल का आकार कम करना ताकि कोई दूसरा एलिमेंट शामिल हो जाए, या माप के बाद तक कंटेंट को छिपाना - ये सभी माप संख्या को तो बढ़ाते हैं लेकिन पेज की गति को बेहतर नहीं बनाते। चूंकि यह माप लोडिंग की वास्तविक प्रक्रिया के बजाय उसकी अनुभूति का एक संकेतक है, इसलिए सुधारों की जांच वास्तविक लोडिंग अनुक्रम के फिल्मस्ट्रिप के आधार पर की जानी चाहिए, जिससे पता चलता है कि आगंतुक को सार्थक कंटेंट जल्दी दिखाई देता है या केवल यह कि माप संतुष्ट हुआ या नहीं।

इसे संबोधित करने का व्यावसायिक तर्क मुख्य रूप से खोज रैंकिंग पर आधारित नहीं है, जहाँ गति कई संकेतों में से एक है। यह लोडिंग विलंब और परित्याग के बीच अच्छी तरह से स्थापित संबंध पर आधारित है, जो मोबाइल कनेक्शन और उच्च-इरादे वाले पृष्ठों पर सबसे अधिक स्पष्ट होता है जहाँ आगंतुक पहले ही कार्रवाई करने का निर्णय ले चुके होते हैं। व्यवहार में, यह उपाय को एक मानक घटक बनाता है। वेब प्रदर्शन कार्य, और इसमें होने वाले सुधार अक्सर रूपांतरण माप में उतनी ही स्पष्ट रूप से दिखाई देते हैं जितनी कि किसी भी परिवर्तन का परीक्षण किसी अन्य परीक्षण के माध्यम से किया जाता है। सीआरओ सेवा यह एक ऐसा कार्यक्रम है, इसीलिए प्रदर्शन और अनुकूलन संबंधी कार्यों की योजना अलग-अलग ट्रैक में करने के बजाय एक साथ बनाना सबसे अच्छा होता है।