फ़र्स्ट मीनिंगफ़ुल पेंट

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

Lighthouse, FMP को सेकंड में दिखाता है:

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

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

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

जब पेज पर रेंडर किए गए कॉन्टेंट के पहले हिस्से में, फ़ोल्ड के ऊपर मौजूद कॉन्टेंट शामिल होता है, तो फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी) और एफ़एमपी एक ही होते हैं. हालांकि, ये मेट्रिक अलग-अलग हो सकती हैं. उदाहरण के लिए, जब किसी iframe में फ़ोल्ड के ऊपर कॉन्टेंट हो. जब उपयोगकर्ता को iframe में मौजूद कॉन्टेंट दिखता है, तब FMP रजिस्टर होता है. वहीं, FCP में iframe कॉन्टेंट शामिल नहीं होता.

Lighthouse आपके एफ़एमपी स्कोर का पता कैसे लगाता है

एफ़सीपी की तरह ही, एफ़एमपी भी एचटीटीपी आर्काइव से मिली वेबसाइट की असल परफ़ॉर्मेंस के डेटा पर आधारित है.

जब FMP और FCP एक जैसे होते हैं, तो उनके स्कोर एक जैसे होते हैं. अगर एफ़सीपी के बाद एफ़एमपी होता है, तो एफ़एमपी का स्कोर एफ़सीपी के स्कोर से कम होगा. उदाहरण के लिए, जब किसी पेज में iframe कॉन्टेंट होता है.

उदाहरण के लिए, मान लें कि आपका एफ़सीपी 1.5 सेकंड और एफ़एमपी 3 सेकंड है. FCP स्कोर 99 होगा, लेकिन FMP स्कोर 75 होगा.

इस टेबल में, FMP स्कोर का विश्लेषण करने का तरीका बताया गया है:

FMP मेट्रिक
(सेकंड में)
कलर-कोडिंग एफ़एमपी स्कोर
(एफ़सीपी एचटीटीपी संग्रह का प्रतिशत)
0–2 हरा (तेज़) 75–100
2–4 नारंगी (मध्यम) 50–74
चार से ज़्यादा लाल (धीमा) 0–49

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

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

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

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

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

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

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

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

Lighthouse: गड़बड़ी की जानकारी वाला सेक्शन, जिसमें कई ऑडिट और उनका असर दिख रहा है
Lighthouse: गड़बड़ी की जानकारी वाला सेक्शन

Lighthouse रिपोर्ट में बताए गए अवसरों को ठीक करने का तरीका जानने के लिए, परफ़ॉर्मेंस ऑडिट देखें.

संसाधन