"سرعة عرض أول محتوى مرئي" (FCP) هو أحد المقاييس الستة التي يتم تتبُّعها في قسم الأداء ضمن تقرير Lighthouse. يسجّل كل مقياس جانبًا من جوانب سرعة تحميل الصفحة.
تعرض أداة Lighthouse FCP بالثواني:
![لقطة شاشة لتدقيق "سرعة عرض أول محتوى مرئي" في Lighthouse](https://developer.chrome.google.cn/static/docs/lighthouse/performance/first-contentful-paint/image/a-screenshot-the-lightho-07286fe9106ca.png?authuser=5&hl=ar)
البيانات التي يقيسها مقياس FCP
يقيس FCP المدة التي يستغرقها المتصفح
لعرض أول جزء من محتوى DOM
بعد انتقال المستخدم إلى صفحتك.
تُعتبر الصور وعناصر <canvas>
غير البيضاء وملفات SVG على صفحتك من محتوى DOM، ولا يتضمّن أي شيء داخل إطار iframe.
كيفية تحديد أداة Lighthouse لنتيجة "سرعة عرض المحتوى على الإنترنت"
نتيجة "سرعة عرض المحتوى على الصفحة" هي مقارنة بين وقت سرعة عرض المحتوى على صفحتك وأوقات سرعة عرض المحتوى على صفحتك على المواقع الإلكترونية الفعلية، استنادًا إلى البيانات الواردة من أرشيف HTTP. على سبيل المثال، عندما يكون أداء المواقع الإلكترونية في الشريحة المئوية التاسعة والتسعين، يعرض مقياس FCP خلال 1.2 ثانية تقريبًا. إذا كانت قيمة سرعة عرض أكبر محتوى مرئي لموقعك على الويب تبلغ 1.2 ثانية، تكون نتيجة سرعة عرض المحتوى على الإنترنت 99. يمكنك الاطّلاع على طريقة تحديد نتائج المقاييس للتعرّف على كيفية ضبط الحدود الدنيا للنتيجة في أداة Lighthouse.
يوضّح هذا الجدول كيفية تفسير نتيجة "سرعة عرض المحتوى على الصفحة":
مدة FCP (بالثواني) |
الترميز اللوني |
---|---|
من 0 إلى 1.8 | أخضر (سريع) |
من 1.8 إلى 3 | برتقالي (معتدل) |
أكثر من 3 | أحمر (بطيء) |
طريقة تحسين نتيجة "سرعة عرض المحتوى على الصفحة"
من بين المشاكل التي تحظى بأهمية خاصة في سرعة عرض المحتوى على الإنترنت وقت تحميل الخط. يمكنك الاطّلاع على مشاركة التأكّد من بقاء النص مرئيًا أثناء تحميل خط الويب للتعرّف على طرق تسريع عمليات تحميل الخطوط.
تتبُّع "سرعة عرض المحتوى على الصفحة" على أجهزة المستخدمين
للتعرّف على كيفية قياس الحالات التي تحدث فيها سرعة عرض أكبر محتوى مرئي على أجهزة المستخدمين، راجِع صفحة مقاييس الأداء التي تركّز على المستخدم من Google. يصف قسم تتبع FP/FCP كيفية الوصول آليًا إلى بيانات FCP وإرسالها إلى "إحصاءات Google".
اطّلِع على مقالة تقييم أداء التحميل في الحياة الواقعية باستخدام التنقّل وتوقيت الموارد من Google للحصول على مزيد من المعلومات حول جمع مقاييس سلوك المستخدِمين الفعليين.
كيفية تحسين نتيجة الأداء الإجمالية
ما لم يكن لديك سبب محدد للتركيز على مقياس معيّن، يكون من الأفضل عادةً التركيز على تحسين نتيجة الأداء الإجمالية.
استخدِم قسم الفرص ضِمن تقرير Lighthouse لتحديد التحسينات التي ستحقّق أكبر قيمة ممكنة لصفحتك. وكلما زادت أهمية الفرصة، زاد تأثيرها في نتيجة أدائك. على سبيل المثال، تُظهر لقطة شاشة Lighthouse أدناه أن إزالة موارد حظر العرض سيحقق أكبر قدر من التحسين:
![Lighthouse: قسم "الفرص"](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=5&hl=ar)
اطّلِع على الصفحة المقصودة لعمليات "تدقيق الأداء" للتعرّف على كيفية معالجة الفرص المحدّدة في تقرير Lighthouse.