حَلُّ مُشْكِلَةِ LCP

عَرْضُ أَكْبَرِ جُزْءٍ مِنَ المُحْتَوَى

Largest Contentful Paint (LCP)

تُعتبر مشكلة LCP، أو Largest Contentful Paint (LCP) من المشاكل الأكثر شيوعا على المواقع الإلكترونية، وتُعتبر مدّة عرض أكبر جزء من المحتوى على الّصفحة من أهم قواعد الويب الأساسية لـGoogle.

ما هو LCP | عرض أكبر جزء من المحتوى؟

Largest Contentful Paint (LCP)، هو اللّحظة أو المدّة التي يتم فيها عرض أكبر جزء من المحتوى على الصّفحة وعناصرها. وتُعتبر مدّة عرض أكبر جزء من المحتوى على الصفحة LCP، من قواعد الويب الأساسية بالنّسبة لـGoogle. والصّفحات التي تتوفّر على LCP جيد تكون لها الأولوية والأفضلية بالنسبة لمحرّك البحث والمستخدمين أيضا.

ويتعلّق LCP بالدّرجة الأولى بالمستخدم، فـLCP تقوم بقياس المدّة التي تستغرقها الصّفحة في عرض أكبر جزء من المحتوى حتى يقوم المستخدم بالتّفاعل.

ما سبب مشكلة LCP؟

المسببات الأساسية لمشكلة CLS: أكثر من 0.25 (الأجهزة الجوّالة) أربعة، وهي كالآتي:

• سرعة استجابة الخادم بطيئة
• ملفات JavaScript و CSS تمنعان العرض
• تستغرق الموارد وقتا أطول في التّحميل
• الأداء من طرف المستخدم

⚠️ الأداء من طرف المستخدم

يلعب الأداء من طرف المستخدم دورا هامّا في قياس مدّة عرض أكبر جزء من محتوى الصّفحة، حيث يتم قياس المدّة التي يستغرقها لقيام المستخدم بأول تفاعل على الصّفحة إمّا بالنّقر أو تحريك الشّاشة، أو التّفاعل بأي شكل من الأشكال على الشّاشة.

تجدر الإشارة إلى أنه في حال قام المستخدم بفتح الصّفحة على نافذة خلفية، فمن المرجّح أنه لن يتم عرض أكبر جزء من المحتوى إلا حين أن يدخل على الصّفحة مباشرة.

ما العناصر المهمة في LCP؟

العناصر التي يتم أخذها بعين الاعتبار عند عرض أكبر جزء من المحتوى، تتمثّل في الآتي:

• عناصر <img>
• عنصر <svg> داخل عنصر <img>
• عناصر <video> (التي تستخدم الصورة المصغّرة)
• العناصر التي تستخدم صورة خلفية يتم جلبها عن طريق url()

إصلاح مشكلة LCP: أطول من 4 ثوانٍ

لـتحسين LCP يجب أولا إجراء فحص اختبار للموقع الإلكتروني لمعرفة نقاط الضّعف التي يجب التّركيز عليها.

وكما تمّ الذّكر بخصوص أسباب مشكلة LCP فالحل يكمن فيها نفسها، فعلى سبيل المثال إذا كان المشكل يتعلّق ببطء في سرعة استجابة الخادم، فيجب إصلاح المشاكل المتعلّقة بالاستضافة، وإذا كانت المشتكلة تتعلّق بموارد الصّفحة وكونها تستغرق مدّة أطول في التّحميل، فيجب العمل على إصلاح هذا الأخير.

المعيار الزّمني LCP

هناك ثلاثة أنواع عرض أكر جزء من المحتوى الصّفحة:

- LCP جيّد
- LCP يحتاج إلى تحسين
- LCP بطيء

1- عرض أكبر جزء على الصّفحة استغرق مدة زمنية أقل من 2,5 ثانية = جيّد

2- عرض أكبر جزء على الصّفحة استغرق مدة زمنية تتراوح بين 2,5 ثانية و 4,0 ثانية = يحتاج إلى تحسين

3- عرض أكبر جزء على الصّفحة استغرق مدة زمنية أكثر من 4,0 ثانية = بطيء

وإذا كان لا يزال هناك أي سؤال أو استفسار، لا يجب التّردّد في تركه في الرّدود في الأسفل، أو طرح السؤال مباشرة على منتدى مساعدة مجموعة خدمات "بحث Google" مباشرة عن طريق الرّابط التّالي:

• نشر ملصق جديد على منتدى مساعدة مجموعة خدمات "بحث Google"

أيضا قد يثير انتباهك الآتي:

• الأسئلة الشائعة حول مؤشّرات أدء الويب الأساسية
• Largest Contentful Paint (LCP)
• مشكلة CLS: أكثر من 0.25