Largest Contentful Paint (LCP) यह मापता है कि पेज का सबसे बड़ा दिखाई देने वाला कंटेंट कितनी जल्दी रेंडर होता है। Google 2.5 सेकंड या उससे कम को अच्छा लक्ष्य मानता है। भारी hero image, web font, server response time और render-blocking CSS आम कारण हैं।
जाँच
Genesis से अपनी साइट स्कैन करें ताकि धीमे पेज और सबसे बड़े दिखने वाले तत्व की पहचान की जा सके।
कोड से ठीक करें
<!-- पहले स्क्रीन पर दिखने वाली असली हीरो इमेज को पहले लोड करें -->
<link rel="preload" as="image" href="/images/hero.webp" fetchpriority="high">
<img src="/images/hero.webp" width="1600" height="900" fetchpriority="high" decoding="async" alt="">
बिना कोड के ठीक करें
असल hero image को compress करें और जहाँ support हो वहाँ WebP या AVIF इस्तेमाल करें।
पहली स्क्रीन पर autoplay slider या भारी video हटाएँ।
गैर-ज़रूरी plugin, widget और font files को पहले render के बाद load करें।
Elementor / Shopify / Wix
Elementor: सही आकार की optimized hero image लगाएँ और ऊपर के हिस्से में motion effects कम करें।
Shopify: responsive srcset देने वाली theme image settings इस्तेमाल करें और जरूरत से बड़ी section images से बचें।
Wix: पहली स्क्रीन की बड़ी media files बदलें और hero से अनावश्यक animation हटाएँ।
स्थानीय उदाहरण
उदाहरण: किसी बेकरी की वेबसाइट पर बड़ी हीरो फोटो को छोटा WebP बनाकर और उसे प्राथमिकता से लोड करके LCP कम किया जा सकता है।
पहले और बाद का प्रमाण
उसी URL और उसी डिवाइस प्रोफ़ाइल को PageSpeed या Lighthouse में दोबारा जाँचें। केवल मापे गए बदलाव ही दिखाएँ।
Use a real localized PageSpeed/Search Console screenshot after measurement. Genesis does not fabricate localized screenshots or performance gains.
अक्सर पूछे जाने वाले सवाल
क्या यह बदलाव मेरी साइट को तोड़ सकता है?
मौजूदा hero asset को preload और सही dimensions देना आम तौर पर कम जोखिम वाला है, लेकिन path और dimensions असली file से मेल खाने चाहिए। पहले test करें और rollback रखें।
क्या Genesis scan के दौरान वेबसाइट बदलता है?
नहीं। Public diagnostic read-only है और आपकी वेबसाइट में बदलाव नहीं करता।