एलसीपी: बड़े दृश्य

छवि अनुकूलन में LCP फोकस

कई साइटों पर, LCP तत्व आमतौर पर मुख्य छवि (हीरो छवि) होता है। यदि यह छवि देर से लोड होती है, तो इसका मतलब है कि आपकी साइट Google की नज़र में धीमी है। आपके LCP स्कोर में सुधार सीधे उपयोगकर्ता अनुभव और आपकी खोज रैंकिंग दोनों को प्रभावित करता है।

LCP सुधार रणनीतियाँ

• प्रीलोड: के साथ ब्राउज़र में मुख्य LCP छवि को शीघ्र घोषित करें।
• आधुनिक प्रारूप: JPG के बजाय WebP या AVIF का उपयोग करके गुणवत्ता खोए बिना 50-70% बचाएं
• प्रतिक्रियाशील छवियां: srcset और आकार का उपयोग करके मोबाइल उपयोगकर्ताओं को बड़ी डेस्कटॉप छवियां भेजना बंद करें।
• CDN उपयोग: किनारे सर्वर से छवियों की सेवा करके भौतिक दूरी के कारण होने वाली देरी को कम करें।

प्राथमिकता सुविधा प्राप्त करें

आप अपनी LCP छवियों में HTML5 के साथ आने वाली fetchpriority='high' विशेषता जोड़ सकते हैं ताकि ब्राउज़र इस संसाधन को प्राथमिकता दे। यह सुविधा Chrome 101+ संस्करणों में समर्थित है।

आलसी लोडिंग सावधानी

LCP छवि में कभी भी loading='lazy' न जोड़ें! इससे छवि लोड होने में देरी होगी, जिससे आपका एलसीपी स्कोर खराब हो जाएगा। आलसी लोडिंग का उपयोग केवल तह से नीचे की छवियों के लिए किया जाना चाहिए।