القائمة الرئيسية

الصفحات

حصريًا حل مشكلة cls لا تحتوي عناصر الصورة على عرض وارتفاع واضحين

حل مشكلة cls على بلوجر


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

مشكلة Image elements do not have explicit width and height

طبيعة المشكلة تتمثل في تغير مكان الصورة بسبب تأخر ظهورها بدلًأ من الضغط على شيء يضغط فجأة على شيء آخر وأيضًا مشكلة في تحميل الصورة مرة أخرى وتظهر متأخرة كما هو موضح في الفيديو والمشكلة تتمثل في أنه لا تحتوي عناصر الصورة على عرض وارتفاع واضحين.

خطأ cls

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

حل مشكلة cls على بلوجر

في الفيديو تجد الحل خطوة بخطوة وهنا تجد الأكواد المطلوبة خطوة بخطوة.
  • بعد عمل تقرير lighthose تجد خطأ Image elements do not have explicit width and height.
  • اذهب إلى صفحة الموضوع وافتح html  ومنها ابحث عن الآتي data-original-hight امسح كله واترك ال height فقط.
  • ثم ابحث عن data-original-widthاترك ال width فقط وامسح الباقي.
  • ابحث عن s16000 واستبدله بـ s0-e360.
  • احفظ الموضوع وتنتهي المشكلة إن شاء الله.
وفي الفيديو سوف تتعرف على مقاسات الصورة المطلوبة على بلوجر وستتعرف على كيفية حفظ الصور في الكاش وضغط الصورة بإمتداد webp.


تعليقات