الأداء والتحسين·مبتدئ
تحسين أداء الصور
lazy load + أبعاد مناسبة + alt واضح.
نصّ البرومبت
طبّق تحسين أداء الصور: - loading="lazy" لكل صورة خارج viewport الأولي. - width/height لكل صورة لمنع layout shift. - أضف alt نصّي واضح باللغة العربية. - استخدم صيغة webp عند التوليد.
وسوم
imagesCLS
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط