صور لا تُثقل

الصور أثقل ما في أكثر الصفحات، وأربع خصائص تحلّ معظم المشكلة:

loading="lazy" يؤجّل تحميل ما هو خارج الشاشة. decoding="async" يمنع فكّ الترميز من تجميد الرسم. وwidth وheight يحجزان المساحة مقدّمًا فلا يقفز النصّ حين تصل الصورة — وهذا ما يقيسه CLS.

استثناء مهمّ: لا تؤجّل الصورة الأولى المرئية. تأجيلها يؤخّر أكبر عنصر في الصفحة ويُسيء إلى LCP بدل أن يحسّنه.