सबसे बड़ा कंटेंटफुल पेंट (LCP) Google का उपयोगकर्ता अनुभव सूचकांक है जिसे 2021 में रैंकिंग सिस्टम में एकीकृत किया गया है।
एलसीपी तीन में से एक है कोर वेब एसेंशियल्स (सीडब्ल्यूवी) मेट्रिक्स जो तकनीकी प्रदर्शन मेट्रिक्स को ट्रैक करते हैं जो उपयोगकर्ता अनुभव को प्रभावित करते हैं।
वेब पर मूल आवश्यक चीजें विरोधाभासी रूप से मौजूद हैं, Google ऐसे दिशानिर्देश प्रदान करता है जो उनके महत्व पर जोर देते हैं लेकिन रेटिंग पर उनके प्रभाव को कम करना.
एलसीपी, अन्य सीडब्ल्यूवी सिग्नलों की तरह, तकनीकी समस्याओं का निदान करने और यह सुनिश्चित करने के लिए उपयोगी है कि आपकी साइट उपयोगकर्ताओं के लिए बुनियादी स्तर की कार्यक्षमता को पूरा करती है।
सबसे बड़ा युक्त रंग कौन सा है?
एलसीपी इस बात का माप है कि किसी पृष्ठ की मुख्य सामग्री को डाउनलोड होने और उसके साथ इंटरैक्ट करने के लिए तैयार होने में कितना समय लगता है।
विशेष रूप से, पेज लोडिंग की शुरुआत से लेकर उपयोगकर्ता के व्यूपोर्ट के भीतर सबसे बड़ी छवि या टेक्स्ट के ब्लॉक को प्रस्तुत करने तक का समय लगता है। तह के नीचे की कोई भी चीज़ गिनती में नहीं आती।
छवियां, वीडियो पोस्टर छवियां, पृष्ठभूमि छवियां और पैराग्राफ टैग जैसे ब्लॉक-स्तरीय टेक्स्ट तत्व विशिष्ट तत्व हैं जिन्हें मापा जाता है।
एलसीपी में निम्नलिखित उप-मान शामिल हैं:
एलसीपी के लिए अनुकूलन का अर्थ है इनमें से प्रत्येक मेट्रिक्स के लिए अनुकूलन करना ताकि एलसीपी संसाधनों को लोड करने और प्रदर्शित करने में 2.5 सेकंड से कम समय लगे।
नीचे आपके संदर्भ के लिए एक सीमा पैमाना दिया गया है:
एलसीपी सीमाएँआइए जानें कि इन उप-संकेतकों का क्या मतलब है और आप कैसे सुधार कर सकते हैं।
पहली बाइट का समय (TTFB)
टीटीएफबी सर्वर प्रतिक्रिया समय है और उपयोगकर्ता के ब्राउज़र को आपके सर्वर से डेटा की पहली बाइट प्राप्त करने में लगने वाले समय को मापता है। इसमें DNS लुकअप समय, सर्वर द्वारा अनुरोधों को संसाधित करने और रीडायरेक्ट करने में लगने वाला समय शामिल है।
टीटीएफबी को अनुकूलित करने से समग्र लोडिंग समय में काफी कमी आ सकती है और एलसीपी में सुधार हो सकता है।
सर्वर का प्रतिक्रिया समय काफी हद तक इस पर निर्भर करता है:
- डेटाबेस क्वेरीज़.
- सीडीएन कैश छूट गया.
- अकुशल सर्वर-साइड प्रोसेसिंग.
- होस्टिंग
आइए उनमें से प्रत्येक की समीक्षा करें:
1. डेटाबेस प्रश्न
यदि आपकी प्रतिक्रिया का समय अधिक है, तो स्रोत की पहचान करने का प्रयास करें।
उदाहरण के लिए, यह उप-इष्टतम प्रश्नों या सर्वर के प्रतिक्रिया समय को धीमा करने वाले प्रश्नों की अधिक मात्रा के कारण हो सकता है। यदि आपके पास MySQL डेटाबेस है, तो आप कर सकते हैं धीमी क्वेरी लॉग करना यह पता लगाने के लिए कि कौन सी क्वेरीज़ धीमी हैं।
यदि आपके पास वर्डप्रेस साइट है, तो आप इसका उपयोग कर सकते हैं क्वेरी मॉनिटर यह देखने के लिए एक प्लगइन कि SQL क्वेरीज़ में कितना समय लगता है।
अन्य महान उपकरण हैं तंबाकू से होने वाली बीमारी या न्यूरेलिकजो आपके द्वारा उपयोग किए जा रहे सीएमएस या स्टैक से स्वतंत्र हैं, लेकिन आपके होस्टिंग/सर्वर पर इंस्टॉलेशन की आवश्यकता है।
2. सीडीएन कैश छूट गया
सीडीएन कैश मिस तब होता है जब अनुरोधित संसाधन सीडीएन के कैश में नहीं होता है, और अनुरोध को मूल सर्वर से पुनर्प्राप्ति के लिए अग्रेषित किया जाता है। इस प्रक्रिया में अधिक समय लगता है, जिससे अंतिम उपयोगकर्ता के लिए विलंबता बढ़ जाती है और लोड समय लंबा हो जाता है।
आमतौर पर, आपके सीडीएन प्रदाता के पास एक रिपोर्ट होती है कि आपके पास कितने कैश छूट गए हैं।
सीडीएन कैश रिपोर्ट का एक उदाहरणयदि आपको कैश छूट का उच्च प्रतिशत (>10%) दिखाई देता है, तो समस्या को हल करने के लिए यदि आप एकीकृत कैशिंग के साथ होस्टिंग कर रहे हैं तो आपको अपने सीडीएन प्रदाता या अपने होस्टिंग समर्थन से संपर्क करने की आवश्यकता हो सकती है।
कैश मिस होने का एक कारण यह है कि जब आप पर कोई खोज स्पैम हमला होता है।
उदाहरण के लिए, एक दर्जन स्पैमयुक्त डोमेन यादृच्छिक स्पैमयुक्त प्रश्नों के साथ आपके आंतरिक खोज पृष्ठों से लिंक होते हैं [/?q=甘肃代]जो कैश्ड नहीं हैं क्योंकि खोज शब्द हर बार अलग होता है। समस्या यह है कि Googlebot उन्हें आक्रामक तरीके से क्रॉल करता है, जिससे उच्च सर्वर प्रतिक्रिया समय और कैश मिस हो सकता है।
उस मामले में, और कुल मिलाकर, यह एक है ब्लॉक करने का अच्छा अभ्यास robots.txt का उपयोग करके खोजें या पहलू URL। लेकिन एक बार जब आप उन्हें robots.txt से ब्लॉक कर देंगे, तो आप उन्हें ढूंढ सकते हैं अनुक्रमित किये जाने वाले यूआरएल क्योंकि उनके पास निम्न गुणवत्ता वाली साइटों से बैकलिंक्स हैं।
हालाँकि, डरें नहीं। जॉन मुलर ने कहा समय रहते इसे साफ कर दिया जाएगा.
यहां कैश मिस के कारण उच्च सर्वर प्रतिक्रिया समय (टीटीएफबी) के खोज कंसोल से एक वास्तविक उदाहरण दिया गया है:
उच्च सर्वर प्रतिक्रिया समय के साथ 404 खोज पृष्ठों की स्कैनिंग3. अकुशल सर्वर-साइड प्रोसेसिंग
आपकी साइट पर कुछ ऐसे घटक हो सकते हैं जो तृतीय-पक्ष API पर निर्भर हों।
उदाहरण के लिए, आपने एसईजे लेखों में नंबर रीडिंग और शेयरिंग देखी है। हम इन नंबरों को विभिन्न एपीआई से लाते हैं, लेकिन जब सर्वर से अनुरोध किया जाता है तो उन्हें लाने के बजाय, हम उन्हें पहले ही पुनः प्राप्त कर लेते हैं और तेजी से प्रदर्शित करने के लिए उन्हें अपने डेटाबेस में संग्रहीत करते हैं।
कल्पना करें कि जब सर्वर पर अनुरोध भेजा जाता है तो हम GA4 शेयर गिनती और एपीआई से जुड़े होते हैं। प्रत्येक अनुरोध को निष्पादित करने में लगभग 300-500ms का समय लगता है, और हम अकुशल सर्वर-साइड रेंडरिंग के कारण लगभग 1000ms की देरी जोड़ देंगे। इसलिए, सुनिश्चित करें कि आपका बैकएंड अनुकूलित है।
4. आतिथ्य सत्कार
ध्यान दें कि कम टीटीएफबी के लिए आवास बहुत महत्वपूर्ण है। सही होस्टिंग चुनकर आप अपने TTFB को दो से तीन गुना तक कम करने में सक्षम हो सकते हैं।
सिस्टम में एकीकृत सीडीएन और कैशिंग के साथ होस्टिंग चुनें। इससे आपको अलग से सीडीएन खरीदने से बचने में मदद मिलेगी और इसे बनाए रखने में समय की बचत होगी।
इसलिए, उचित होस्टिंग में निवेश करने से लाभ मिलेगा।
अधिक विस्तृत निर्देश पढ़ें:
अब, आइए ऊपर उल्लिखित अन्य मैट्रिक्स पर नजर डालें जो एलसीपी में योगदान करते हैं।
संसाधन लोड होने में देरी
संसाधन लोड विलंब वह समय है जो ब्राउज़र को एलसीपी संसाधन का पता लगाने और डाउनलोड करना शुरू करने में लगता है।
उदाहरण के लिए, यदि आपके हीरो अनुभाग में एक पृष्ठभूमि छवि है जिसे पहचानने के लिए सीएसएस फ़ाइलों को लोड करने की आवश्यकता है, तो एलसीपी छवि को डाउनलोड करना शुरू करने के लिए ब्राउज़र को सीएसएस फ़ाइल डाउनलोड करने में लगने वाले समय के बराबर देरी होगी।
ऐसे मामले में जहां एलसीपी तत्व पाठ का एक ब्लॉक है, यह समय शून्य है।
इन संसाधनों का पता लगाने और लोड करने की गति को अनुकूलित करके, आप महत्वपूर्ण सामग्री को प्रस्तुत करने में लगने वाले समय में सुधार कर सकते हैं। ऐसा करने का एक तरीका यह है कि छवि पर भ्रूण प्राथमिकता = “उच्च” सेट करके सीएसएस फ़ाइलों और एलसीपी छवियों दोनों को प्रीलोड करें ताकि यह सीएसएस फ़ाइल डाउनलोड करना शुरू कर दे।
<link rel="stylesheet" href="https://www.searchenginejournal.com/assets/css/styles.css">
<link rel="preload" fetchpriority="high" as="image" href="http://www.searchenginejournal.com/media/hero.webp" type="image/webp">
लेकिन एक बेहतर तरीका – यदि आपके पास साइट पर पर्याप्त नियंत्रण है – तो शीर्ष और स्थिरांक के लिए आवश्यक महत्वपूर्ण सीएसएस को एम्बेड करना है ताकि ब्राउज़र सीएसएस फ़ाइल को डाउनलोड करने में समय बर्बाद न करे। यह बैंडविड्थ बचाता है और केवल छवि को प्रीलोड करेगा।
निःसंदेह, यह और भी बेहतर है यदि आप नायक छवियों या स्लाइडर्स से बचने के लिए वेब पेज डिज़ाइन करते हैं, जैसे ये आमतौर पर होते हैं मूल्य न जोड़ेंऔर उपयोगकर्ता उनके आगे स्क्रॉल करते रहते हैं क्योंकि वे ध्यान भटकाने वाले होते हैं।
लोडिंग में देरी में योगदान देने वाला एक अन्य प्रमुख कारक है रीडायरेक्ट.
यदि आपके पास रीडायरेक्ट के साथ बाहरी बैकलिंक्स हैं, तो आप बहुत कुछ नहीं कर सकते हैं। लेकिन आपके पास अपने आंतरिक लिंक पर नियंत्रण है, इसलिए रीडायरेक्ट के साथ आंतरिक लिंक ढूंढने का प्रयास करें, आमतौर पर गायब स्लैश, गैर-डब्ल्यूडब्ल्यूडब्ल्यू संस्करण या परिवर्तित यूआरएल के कारण, और उन्हें वास्तविक गंतव्यों से बदलें।
एक संख्या है तकनीकी एसईओ उपकरण आप अपनी साइट को क्रॉल करने और बदलने के लिए लिंक ढूंढने के लिए इसका उपयोग कर सकते हैं।
संसाधन लोडिंग अवधि
संसाधन लोड अवधि वास्तव में एलसीपी संसाधन को डाउनलोड करने में बिताए गए समय को संदर्भित करती है।
भले ही ब्राउज़र जल्दी से संसाधनों को ढूंढ लेता है और डाउनलोड करना शुरू कर देता है, फिर भी धीमी डाउनलोड गति एलसीपी को नकारात्मक रूप से प्रभावित कर सकती है। यह संसाधनों के आकार, सर्वर के नेटवर्क कनेक्शन की गति और उपयोगकर्ता की नेटवर्क स्थितियों पर निर्भर करता है।
आप इसे लागू करके संसाधनों के लोडिंग समय को कम कर सकते हैं:
- वेबपी प्रारूप.
- उचित आकार की छवियां (छवि का आंतरिक आकार दृश्यमान आकार से मेल खाएं)।
- लोड प्राथमिकता.
- सीडीएन.
तत्व प्रसंस्करण में देरी
घटक रेंडरिंग विलंब वह समय है जो ब्राउज़र को एलसीपी घटक को संसाधित करने और प्रस्तुत करने में लगता है।
यह मीट्रिक HTML, CSS और JavaScript की जटिलता से प्रभावित है।
रेंडर-ब्लॉकिंग संसाधनों को कम करने और अपने कोड को अनुकूलित करने से इस देरी को कम करने में मदद मिल सकती है। हालाँकि, ऐसा हो सकता है कि आपके पास भारी जावास्क्रिप्ट स्क्रिप्ट चल रही हों, जो मुख्य थ्रेड को ब्लॉक करता हैऔर इन कार्यों के पूरा होने तक एलसीपी घटक के प्रसंस्करण में देरी होती है।
टोटल ब्लॉकिंग टाइम (टीबीटी) मीट्रिक के कम मान यहां महत्वपूर्ण हैं, क्योंकि यह उस कुल समय को मापता है जब मुख्य थ्रेड लंबे पेज लोडिंग कार्यों द्वारा अवरुद्ध होता है, जो भारी स्क्रिप्ट की उपस्थिति का संकेत देता है। प्रसंस्करण में देरी और प्रतिक्रिया.
एक तरह से आप न केवल चार्ज अवधि और देरी में सुधार कर सकते हैं, बल्कि उपयोग किए जाने पर समग्र रूप से सभी सीडब्ल्यूवी मेट्रिक्स में भी सुधार कर सकते हैं अपनी साइट के भीतर नेविगेट करें लागू करना है अटकलें नियम एपीआई भविष्य के नेविगेशन के लिए. जब उपयोगकर्ता उन लिंक या पृष्ठों पर होवर करते हैं जिन पर उनके नेविगेट करने की संभावना होती है, तो पृष्ठों को पूर्व-रेंडर करके, आप अपने पृष्ठों को तुरंत लोड कर सकते हैं।
“गॉचचा” स्कोर करने वालों से सावधान रहें।
उपयोगकर्ता स्क्रीन (दृष्टिकोण) पर सभी तत्वों का उपयोग एलसीपी की गणना के लिए किया जाता है। इसका मतलब यह है कि ऑफ-स्क्रीन रेंडर की गई और फिर रेंडरिंग के बाद लेआउट में स्थानांतरित की गई छवियों को कंटेंटफुल पेंट में बड़े स्कोर के हिस्से के रूप में नहीं गिना जा सकता है।
विपरीत छोर पर, वे तत्व जो उपयोगकर्ता के व्यूपोर्ट में शुरू होते हैं और फिर स्क्रीन से बाहर धकेल दिए जाते हैं, उन्हें एलसीपी गणना के हिस्से के रूप में गिना जा सकता है।
एलसीपी स्कोर कैसे मापें
स्कोरिंग टूल दो प्रकार के होते हैं. पहला कहा जाता है फ़ील्ड उपकरणऔर दूसरे को बुलाया जाता है प्रयोगशाला उपकरण.
फ़ील्ड उपकरण किसी साइट के वास्तविक माप हैं।
लैब उपकरण एल्गोरिदम का उपयोग करके सिम्युलेटेड स्कैनिंग के आधार पर एक वर्चुअल स्कोर देते हैं जो इंटरनेट स्थितियों का अनुमान लगाते हैं जो एक सामान्य सेल फोन उपयोगकर्ता का सामना कर सकते हैं।
यहां एक तरीका है जिससे आप एलसीपी संसाधन ढूंढ सकते हैं और उनका उपयोग करके उन्हें प्रस्तुत करने में लगने वाले समय को माप सकते हैं देवटूल्स > प्रदर्शन प्रतिवेदन:
आप इस विषय पर हमारी गहन मार्गदर्शिका में और अधिक पढ़ सकते हैं सीडब्ल्यूवी मेट्रिक्स को कैसे मापेंजहां आप सीख सकते हैं कि न केवल एलसीपी बल्कि सामान्य रूप से अन्य मेट्रिक्स का समस्या निवारण कैसे करें।
एलसीपी अनुकूलन एक अधिक गहन विषय है
एलसीपी सुधार सीवीडब्ल्यू सुधार की दिशा में एक महत्वपूर्ण कदम है, लेकिन सीडब्ल्यूवी को अनुकूलित करने के लिए यह सबसे चुनौतीपूर्ण मीट्रिक हो सकता है।
एलसीपी में कई परतें होती हैं उप-सूचकांक, सभी प्रभावी अनुकूलन के लिए गहन समझ की आवश्यकता है।
इस मार्गदर्शिका ने आपको एलसीपी में सुधार के लिए एक बुनियादी विचार दिया है, और अब तक आपने जो अंतर्दृष्टि प्राप्त की है वह आपको महत्वपूर्ण सुधार करने में मदद करेगी।
लेकिन सीखने के लिए और भी बहुत कुछ है। प्रत्येक उप-मीट्रिक को अनुकूलित करना एक सूक्ष्म विज्ञान है। देखते रहें क्योंकि हम प्रत्येक उप-मीट्रिक को अनुकूलित करने के लिए समर्पित गहन मार्गदर्शिकाएँ प्रकाशित करेंगे।
अतिरिक्त संसाधन:
विशेष छवि क्रेडिट: बेस्टफॉरबेस्ट/शटरस्टॉक
Thank you for sharing this insightful post! Your writing is clear, informative, and engaging. I appreciate how you’ve broken down complex concepts into easily digestible parts. It’s evident that you have a deep understanding of the topic, and your tips are practical and actionable. I particularly liked the way you addressed [specific point from the article], as it resonated with my own experiences. This kind of content is invaluable for readers looking to expand their knowledge and apply new strategies effectively. Looking forward to reading more from you. Keep up the excellent work!
Thank you for sharing this insightful post! Your writing is clear, informative, and engaging. I appreciate how you’ve broken down complex concepts into easily digestible parts. It’s evident that you have a deep understanding of the topic, and your tips are practical and actionable. I particularly liked the way you addressed [specific point from the article], as it resonated with my own experiences. This kind of content is invaluable for readers looking to expand their knowledge and apply new strategies effectively. Looking forward to reading more from you. Keep up the excellent work!
Thank you for sharing this insightful post! Your writing is clear, informative, and engaging. I appreciate how you’ve broken down complex concepts into easily digestible parts. It’s evident that you have a deep understanding of the topic, and your tips are practical and actionable. I particularly liked the way you addressed [specific point from the article], as it resonated with my own experiences. This kind of content is invaluable for readers looking to expand their knowledge and apply new strategies effectively. Looking forward to reading more from you. Keep up the excellent work!
I do believe all the ideas youve presented for your post They are really convincing and will certainly work Nonetheless the posts are too short for novices May just you please lengthen them a little from subsequent time Thanks for the post
Thank you for sharing this insightful post! Your writing is clear, informative, and engaging. I appreciate how you’ve broken down complex concepts into easily digestible parts. It’s evident that you have a deep understanding of the topic, and your tips are practical and actionable. I particularly liked the way you addressed [specific point from the article], as it resonated with my own experiences. This kind of content is invaluable for readers looking to expand their knowledge and apply new strategies effectively. Looking forward to reading more from you. Keep up the excellent work!
Thank you for sharing this insightful post! Your writing is clear, informative, and engaging. I appreciate how you’ve broken down complex concepts into easily digestible parts. It’s evident that you have a deep understanding of the topic, and your tips are practical and actionable. I particularly liked the way you addressed [specific point from the article], as it resonated with my own experiences. This kind of content is invaluable for readers looking to expand their knowledge and apply new strategies effectively. Looking forward to reading more from you. Keep up the excellent work!