फ़र्स्ट कॉन्टेंटफ़ुल पेंट (FCP), Lighthouse रिपोर्ट के परफ़ॉर्मेंस सेक्शन में ट्रैक की जाने वाली छह मेट्रिक में से एक है. हर मेट्रिक, पेज लोड होने की स्पीड के किसी पहलू को कैप्चर करती है.
लाइटहाउस, एफ़सीपी को सेकंड में दिखाता है:
एफ़सीपी क्या मेज़र करता है
एफ़सीपी से पता चलता है कि उपयोगकर्ता के आपके पेज पर जाने के बाद, ब्राउज़र को डीओएम कॉन्टेंट का पहला हिस्सा रेंडर करने में कितना समय लगता है.
आपके पेज पर मौजूद इमेज, सफ़ेद रंग के अलावा किसी और रंग के <canvas> एलिमेंट, और एसवीजी को डीओएम कॉन्टेंट माना जाता है. iframe में मौजूद किसी भी चीज़ को शामिल नहीं किया जाता.
Lighthouse आपके एफ़सीपी स्कोर का पता कैसे लगाता है
आपका एफ़सीपी स्कोर, आपके पेज के एफ़सीपी समय और असल वेबसाइटों के एफ़सीपी समय की तुलना होती है. यह तुलना, एचटीटीपी संग्रह के डेटा के आधार पर की जाती है. उदाहरण के लिए, नब्बेवीं पर्सेंटाइल में परफ़ॉर्म करने वाली साइटें, एफ़सीपी को करीब 1.2 सेकंड में रेंडर करती हैं. अगर आपकी वेबसाइट का एफ़सीपी 1.2 सेकंड है, तो आपका एफ़सीपी स्कोर 99 होगा. Lighthouse स्कोर के थ्रेशोल्ड सेट करने का तरीका जानने के लिए, मेट्रिक स्कोर तय करने का तरीका देखें.
इस टेबल में, एफ़सीपी स्कोर का विश्लेषण करने का तरीका बताया गया है:
| एफ़सीपी का समय (सेकंड में) |
कलर-कोडिंग |
|---|---|
| 0–1.8 | हरा (तेज़) |
| 1.8–3 | नारंगी (मध्यम) |
| तीन से ज़्यादा | लाल (धीमा) |
एफ़सीपी स्कोर को बेहतर बनाने का तरीका
एफ़सीपी के लिए, फ़ॉन्ट लोड होने में लगने वाला समय एक अहम समस्या है. फ़ॉन्ट लोड होने की स्पीड बढ़ाने के तरीकों के बारे में जानने के लिए, पक्का करें कि वेबफ़ॉन्ट लोड होने के दौरान टेक्स्ट दिखता रहे पोस्ट पढ़ें.
असल उपयोगकर्ताओं के डिवाइसों पर एफ़सीपी ट्रैक करना
उपयोगकर्ताओं के डिवाइसों पर एफ़सीपी की असल समयावधि को मेज़र करने का तरीका जानने के लिए, Google का उपयोगकर्ता के हिसाब से परफ़ॉर्मेंस मेट्रिक पेज देखें. ट्रैकिंग FP/FCP सेक्शन में, प्रोग्राम के हिसाब से एफ़सीपी डेटा को ऐक्सेस करने और उसे Google Analytics में सबमिट करने का तरीका बताया गया है.
असल उपयोगकर्ताओं की मेट्रिक इकट्ठा करने के बारे में ज़्यादा जानने के लिए, Google का नेविगेशन और रिसॉर्स टाइमिंग की मदद से, असल में पेज लोड होने की परफ़ॉर्मेंस का आकलन करना लेख पढ़ें.
परफ़ॉर्मेंस का कुल स्कोर बेहतर बनाने का तरीका
अगर आपके पास किसी खास मेट्रिक पर फ़ोकस करने की कोई खास वजह नहीं है, तो आम तौर पर अपने पूरे परफ़ॉर्मेंस स्कोर को बेहतर बनाने पर फ़ोकस करना बेहतर होता है.
लाइटहाउस रिपोर्ट के गड़बड़ी की जानकारी सेक्शन का इस्तेमाल करके, यह तय करें कि आपके पेज के लिए कौनसे सुधार सबसे ज़्यादा काम के होंगे. अवसर जितना ज़्यादा अहम होगा, आपके परफ़ॉर्मेंस स्कोर पर उसका उतना ही ज़्यादा असर होगा. उदाहरण के लिए, यहां दिया गया Lighthouse स्क्रीनशॉट दिखाता है कि रेंडर को रोकने वाले रिसॉर्स हटाने से सबसे ज़्यादा सुधार होगा:
Lighthouse रिपोर्ट में बताए गए अवसरों को ठीक करने का तरीका जानने के लिए, परफ़ॉर्मेंस ऑडिट देखें.