First Meaningful Paint (FMP) هو أحد المقاييس الستة التي يتم تتبّعها في قسم الأداء ضمن تقرير Lighthouse. يلتقط كل مقياس جانبًا من جوانب سرعة تحميل الصفحة.
تعرض Lighthouse مقياس FMP بالثواني:
المقاييس التي تتضمّنها "منصة قياس الأداء في Google"
يقيس مقياس FMP الوقت الذي يظهر فيه المحتوى الأساسي لإحدى الصفحات للمستخدم. النتيجة الأولية لمقياس FMP هي الوقت بالثواني بين بدء المستخدم تحميل الصفحة وعرض الصفحة للمحتوى الأساسي المرئي من الصفحة. يعرض مقياس FMP بشكل أساسي توقيت العرض الذي يحدث بعده أكبر تغيير في التصميم ضمن الجزء الظاهر من الصفحة. يمكنك الاطّلاع على مزيد من المعلومات حول التفاصيل الفنية لمقياس FMP في مقالة الوقت المستغرَق لعرض أوّل محتوى مفيد على الصفحة: اتّباع نهج مستند إلى التنسيق من Google.
سرعة عرض المحتوى على الصفحة (FCP) وFMP غالبًا ما يكونان متطابقَين عندما تتضمّن أول وحدة من المحتوى المعروض على الصفحة المحتوى الظاهر في الجزء المرئي من الصفحة. ومع ذلك، يمكن أن تختلف هذه المقاييس عندما يكون هناك، على سبيل المثال، محتوى أعلى الصفحة ضمن إطار iframe. يتم تسجيل مقياس FMP عندما يكون المحتوى داخل إطار iframe مرئيًا للمستخدم، بينما لا يتضمّن مقياس FCP محتوى إطار iframe.
كيف يحدّد Lighthouse نتيجة FMP؟
تمامًا مثل FCP، يستند FMP إلى بيانات الأداء الفعلي للمواقع الإلكترونية من HTTP Archive.
عندما يكون مقياسا FMP وFCP متطابقَين، تكون النتائج متطابقة. إذا حدث عرض أكبر محتوى مرئي بعد عرض أول محتوى مرئي، مثلاً عندما تحتوي الصفحة على محتوى iframe، ستكون نتيجة عرض أكبر محتوى مرئي أقل من نتيجة عرض أول محتوى مرئي.
على سبيل المثال، لنفترض أنّ وقت عرض أول محتوى مرئي هو 1.5 ثانية، ووقت عرض أول معنى هو 3 ثوانٍ. ستكون نتيجة FCP هي 99، ولكن نتيجة FMP ستكون 75.
يوضّح هذا الجدول كيفية تفسير نتيجة "تجربة الأجهزة الجوّالة السريعة":
| مقياس FMP (بالثواني) |
الترميز بالألوان | نتيجة FMP (النسبة المئوية لأرشيف HTTP الخاص بمحتوى FCP) |
|---|---|---|
| 0–2 | أخضر (سريع) | 75–100 |
| 2–4 | برتقالي (معتدل) | 50–74 |
| أكثر من 4 | أحمر (بطيء) | 0–49 |
كيفية تحسين نتيجة FMP
اطّلِع على كيفية تحسين مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" على موقعك الإلكتروني. إنّ استراتيجيات تحسين مقياس FMP هي نفسها إلى حد كبير استراتيجيات تحسين مقياس Largest Contentful Paint.
تتبُّع مقياس FMP على أجهزة المستخدمين الفعليين
لمعرفة كيفية قياس وقت حدوث FMP فعليًا على أجهزة المستخدمين، راجِع صفحة مقاييس الأداء من منظور المستخدم على Google. يوضّح قسم تتبُّع FMP باستخدام عناصر البطل كيفية الوصول آليًا إلى بيانات FCP وإرسالها إلى "إحصاءات Google".
اطّلِع على مقالة Google بعنوان تقييم أداء التحميل الحقيقي باستخدام التنقّل وتوقيت الموارد للمزيد من المعلومات حول جمع مقاييس المستخدمين الفعليين. تتيح لك علامات وأدوات قياس أوقات المستخدم في تدقيق Lighthouse الاطّلاع على بيانات أوقات المستخدم في تقريرك.
كيفية تحسين "نتيجة الأداء" الإجمالية
ما لم يكن لديك سبب محدّد للتركيز على مقياس معيّن، من الأفضل عادةً التركيز على تحسين "نتيجة الأداء" الإجمالية.
استخدِم قسم بيانات التشخيص في تقرير Lighthouse لتحديد التحسينات التي ستعود بأكبر فائدة على صفحتك. وكلّما كانت فرصة التحسين أكثر أهمية، زاد تأثيرها في "نتيجة الأداء". على سبيل المثال، توضّح لقطة شاشة Lighthouse التالية أنّ إزالة الموارد التي تحظر العرض سيؤدي إلى تحقيق أكبر تحسّن:
اطّلِع على عمليات تدقيق الأداء للتعرّف على كيفية الاستفادة من الفرص المحدّدة في تقرير Lighthouse.