LCP: صور كبيرة

تركيز LCP في تحسين الصورة

في العديد من المواقع، عادةً ما يكون عنصر LCP هو الصورة الرئيسية (الصورة الرئيسية). إذا تم تحميل هذه الصورة متأخرًا، فهذا يعني أن موقعك بطيء في نظر Google. يؤثر تحسين درجة LCP بشكل مباشر على كل من تجربة المستخدم وتصنيفات البحث.

استراتيجيات تحسين LCP

• التحميل المسبق: قم بتعريف صورة LCP الرئيسية للمتصفح مبكرًا باستخدام .
• التنسيقات الحديثة: وفّر ما بين 50 إلى 70% دون فقدان الجودة باستخدام WebP أو AVIF بدلاً من JPG.
• الصور المستجيبة: توقف عن إرسال صور سطح المكتب الضخمة لمستخدمي الأجهزة المحمولة باستخدام srcset والأحجام.
• استخدام CDN: قلل التأخير الناتج عن المسافة المادية عن طريق تقديم الصور من خوادم الحافة.

جلب ميزة الأولوية

يمكنك إضافة السمة fetchpriority="high" التي تأتي مع HTML5 إلى صور LCP الخاصة بك بحيث يعطي المتصفح الأولوية لهذا المورد. هذه الميزة مدعومة في إصدارات Chrome 101+.

تحذير من التحميل البطيء

لا تقم مطلقًا بإضافة loading="lazy" إلى صورة LCP! سيؤدي هذا إلى تأخير تحميل الصورة، مما يؤدي إلى تفاقم درجة LCP الخاصة بك. يجب استخدام التحميل البطيء فقط للصور الموجودة في الجزء السفلي من الصفحة.