सबसे बड़ा कॉन्टेंटफ़ुल पेंट (एलसीपी) एक ऐसी मेट्रिक है जिसे Lighthouse रिपोर्ट के परफ़ॉर्मेंस सेक्शन में ट्रैक किया जाता है. हर मेट्रिक, पेज लोड होने की स्पीड के कुछ पहलुओं को कैप्चर करती है.
लाइटहाउस कुछ ही सेकंड में एलसीपी दिखाता है:
![Lighthouse सबसे बड़े कॉन्टेंटफ़ुल पेंट ऑडिट का स्क्रीनशॉट](https://developer.chrome.com/static/docs/lighthouse/performance/lighthouse-largest-contentful-paint/image/a-screenshot-the-lightho-d3c8bf09dcb23.png?authuser=6&hl=hi)
एलसीपी किन चीज़ों को मापता है
एलसीपी तब मेज़र करता है, जब व्यूपोर्ट में सबसे बड़ा कॉन्टेंट एलिमेंट स्क्रीन पर रेंडर किया जाता है. इसका अनुमान तब लगाया जाता है, जब पेज का मुख्य कॉन्टेंट उपयोगकर्ताओं को दिखता है. एलसीपी तय करने के तरीके के बारे में ज़्यादा जानने के लिए, सबसे बड़ा कॉन्टेंटफ़ुल पेंट देखें.
लाइटहाउस आपका एलसीपी स्कोर कैसे तय करता है
लाइटहाउस, Chrome के ट्रेसिंग टूल से एलसीपी डेटा एक्सट्रैक्ट करता है.
नीचे दी गई टेबल में, एलसीपी स्कोर को समझने का तरीका बताया गया है:
एलसीपी समय (सेकंड में) |
कलर-कोडिंग |
---|---|
0-2.5 | हरा (तेज़) |
2.5-4 | नारंगी (मध्यम) |
चार से ज़्यादा | लाल (धीमा) |
एलसीपी स्कोर को बेहतर करने का तरीका
अगर एलसीपी एक इमेज है, तो समय को चार चरणों में बांटा जा सकता है. सबसे ज़्यादा समय लगने वाले चरण के बारे में जानकारी होने से, एलसीपी को ऑप्टिमाइज़ किया जा सकता है. लाइटहाउस, "सबसे बड़े कॉन्टेंटफ़ुल पेंट एलिमेंट" डाइग्नोस्टिक में फ़ेज़ के ब्रेकडाउन के साथ, एलसीपी एलिमेंट को दिखाएगा.
एलसीपी फ़ेज़ | ब्यौरा |
---|---|
फ़र्स्ट बाइट (TTFB) का समय | उपयोगकर्ता के पेज लोड करने की प्रक्रिया शुरू करने से लेकर, ब्राउज़र को एचटीएमएल दस्तावेज़ से जुड़े जवाब का पहला बाइट मिलने तक का समय. TTFB के बारे में ज़्यादा जानें. |
कॉन्टेंट लोड होने में देरी | टीटीएफ़बी और ब्राउज़र के एलसीपी रिसॉर्स को लोड करना शुरू करने के बीच का डेल्टा. |
लोड होने में लगने वाला समय | एलसीपी रिसॉर्स को लोड होने में लगने वाला समय. |
रेंडर होने में देरी | एलसीपी एलिमेंट के पूरी तरह रेंडर होने तक, एलसीपी संसाधन के लोड होने के बीच का अंतर. |