फ़र्स्ट कॉन्टेंटफ़ुल पेंट

फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी), लाइटहाउस रिपोर्ट के परफ़ॉर्मेंस सेक्शन में ट्रैक की गई छह मेट्रिक में से एक है. हर मेट्रिक, पेज के लोड होने की स्पीड से जुड़ी जानकारी को कैप्चर करती है.

लाइटहाउस कुछ ही सेकंड में एफ़सीपी दिखाता है:

Lighthouse के पहले कॉन्टेंटफ़ुल पेंट ऑडिट का स्क्रीनशॉट

एफ़सीपी से क्या मेज़र किया जाता है

एफ़सीपी से यह पता चलता है कि उपयोगकर्ता के आपके पेज पर जाने के बाद, ब्राउज़र को डीओएम कॉन्टेंट के पहले हिस्से को रेंडर करने में कितना समय लगता है. आपके पेज पर मौजूद इमेज, बिना सफ़ेद <canvas> एलिमेंट, और SVG को DOM कॉन्टेंट माना जाता है. iframe में मौजूद किसी भी चीज़ को शामिल नहीं किया जाता.

लाइटहाउस आपका एफ़सीपी स्कोर कैसे तय करता है

आपका एफ़सीपी स्कोर, एचटीटीपी संग्रह के डेटा के आधार पर, असल वेबसाइटों के लिए आपके पेज के एफ़सीपी समय और एफ़सीपी समय की तुलना करता है. उदाहरण के लिए, 99वें पर्सेंटाइल पर परफ़ॉर्मेंस करने वाली साइटें, करीब 1.2 सेकंड में एफ़सीपी को रेंडर करती हैं. अगर आपकी वेबसाइट का एफ़सीपी 1.2 सेकंड है, तो आपका एफ़सीपी स्कोर 99 है. लाइटहाउस स्कोर थ्रेशोल्ड कैसे सेट किए जाते हैं, यह जानने के लिए मेट्रिक स्कोर तय करने का तरीका देखें.

इस टेबल में, एफ़सीपी स्कोर को समझने का तरीका बताया गया है:

एफ़सीपी समय
(सेकंड में)
कलर-कोडिंग
0 से 1.8 हरा (तेज़)
1.8 से 3 नारंगी (मध्यम)
3 से ज़्यादा लाल (धीमा)

एफ़सीपी स्कोर को बेहतर बनाने का तरीका

एक समस्या जो एफ़सीपी के लिए खास तौर पर ज़रूरी है, वह है फ़ॉन्ट लोड होने में लगने वाला समय. फ़ॉन्ट लोड होने की रफ़्तार बढ़ाने के तरीकों के बारे में जानने के लिए, पक्का करें कि वेबफ़ॉन्ट लोड होने के दौरान टेक्स्ट दिखता रहे पोस्ट देखें.

असल उपयोगकर्ताओं के डिवाइसों पर एफ़सीपी ट्रैक करना

आपके उपयोगकर्ताओं के डिवाइसों पर एफ़सीपी कब होता है, इसे मेज़र करने का तरीका जानने के लिए, Google का उपयोगकर्ता के बारे में बनाई गई परफ़ॉर्मेंस मेट्रिक पेज देखें. ट्रैकिंग एफ़सीपी/एफ़सीपी सेक्शन में बताया गया है कि प्रोग्राम के हिसाब से एफ़सीपी डेटा को कैसे ऐक्सेस किया जा सकता है और उसे Google Analytics को कैसे सबमिट किया जा सकता है.

असल उपयोगकर्ताओं की मेट्रिक इकट्ठा करने के बारे में ज़्यादा जानने के लिए, Google की नेविगेशन और रिसॉर्स टाइमिंग की मदद से, रीयल लाइफ़ में कॉन्टेंट लोड होने की परफ़ॉर्मेंस का आकलन करना लेख पढ़ें.

परफ़ॉर्मेंस के कुल स्कोर को बेहतर बनाने का तरीका

अगर आपके पास किसी खास मेट्रिक पर फ़ोकस करने की कोई खास वजह न हो, तो आम तौर पर अपने पूरे परफ़ॉर्मेंस स्कोर को बेहतर बनाने पर फ़ोकस करना बेहतर होता है.

अपनी लाइटहाउस रिपोर्ट के अवसर सेक्शन का इस्तेमाल करके, यह तय करें कि आपके पेज के लिए किन सुधारों से सबसे ज़्यादा फ़ायदा होगा. अवसर जितना अहम होगा, आपके परफ़ॉर्मेंस स्कोर पर उतना ही ज़्यादा असर होगा. उदाहरण के लिए, नीचे दिया गया लाइटहाउस स्क्रीनशॉट दिखाता है कि रेंडर ब्लॉक करने वाले रिसॉर्स को हटाने से सबसे बड़ा सुधार होगा:

लाइटहाउस: अवसर सेक्शन

अपनी लाइटहाउस रिपोर्ट में पहचाने गए अवसरों का पता लगाने का तरीका जानने के लिए, परफ़ॉर्मेंस ऑडिट लैंडिंग पेज देखें.

रिसॉर्स