पब्लिश किया गया: 8 अक्टूबर, 2025
सबसे बड़ा कॉन्टेंटफ़ुल पेंट (एलसीपी) मेट्रिक, व्यूपोर्ट में दिखने वाली सबसे बड़ी इमेज, टेक्स्ट ब्लॉक या वीडियो को रेंडर होने में लगने वाले समय की जानकारी देती है. यह इस बात से तय होता है कि उपयोगकर्ता ने पहली बार पेज पर कब नेविगेट किया था. एलसीपी को ऑप्टिमाइज़ करते समय, इसे छोटे-छोटे हिस्सों में बांटना फ़ायदेमंद होता है. एलसीपी के हर सबपार्ट को बेहतर बनाने के लिए, खास रणनीतियां होती हैं. एलसीपी का ज़्यादातर समय देरी करने के बजाय, संसाधनों को लोड करने में लगना चाहिए.
इसके उप-भाग ये हैं:
| एलसीपी सबपार्ट | जानकारी |
|---|---|
| टाइम टू फ़र्स्ट बाइट (टीटीएफ़बी) | यह उपयोगकर्ता के पेज लोड करने की शुरुआत से लेकर, ब्राउज़र को एचटीएमएल दस्तावेज़ के जवाब का पहला बाइट मिलने तक का समय होता है. |
| संसाधन लोड होने में हुई देरी | टीटीएफ़बी और ब्राउज़र के एलसीपी रिसॉर्स को लोड करना शुरू करने के बीच का समय. अगर एलसीपी एलिमेंट को रेंडर करने के लिए, किसी संसाधन को लोड करने की ज़रूरत नहीं होती है (उदाहरण के लिए, अगर एलिमेंट एक टेक्स्ट नोड है, जिसे सिस्टम फ़ॉन्ट के साथ रेंडर किया गया है), तो यह समय 0 होता है. |
| संसाधन लोड होने में लगने वाला समय | एलसीपी संसाधन को लोड होने में लगने वाला समय. अगर एलसीपी एलिमेंट को रेंडर करने के लिए, किसी संसाधन को लोड करने की ज़रूरत नहीं होती है, तो यह समय 0 होता है. |
| तत्व के रेंडर होने में देरी | एलसीपी रिसॉर्स के लोड होने और एलसीपी एलिमेंट के पूरी तरह से रेंडर होने के बीच का समय. |
इस अहम जानकारी को कैसे पास करें
अगर एलसीपी को मेज़र किया गया है, तो यह अहम जानकारी हमेशा जानकारी देने के मकसद से दिखती है.
एलसीपी को 2.5 सेकंड या उससे कम समय में पूरा करने का टारगेट रखें. साथ ही, हर चरण में लगने वाले समय को जितना हो सके उतना कम करें. खास तौर पर, देरी वाले चरणों में. खास रणनीतियों के लिए, सबसे बड़े कॉन्टेंटफ़ुल पेंट को ऑप्टिमाइज़ करें लेख पढ़ें.