صورة مستجيبة

تمنع الصور المستجيبة مستخدمي الهاتف المحمول من تنزيل الصور بحجم سطح المكتب التي تهدر النطاق الترددي وتبطئ تحميل الصفحات. يوفر HTML سمة srcset لتبديل الدقة وعنصر الصورة للتوجيه الفني - حيث يخدم المحاصيل أو التنسيقات المختلفة لأجهزة مختلفة. تعمل أطر العمل الحديثة مثل Next.js على إنشاء صور سريعة الاستجابة تلقائيًا، وإنشاء أحجام متعددة من مصدر واحد وتقديم الإصدار الأمثل استنادًا إلى إطار العرض. WebP وAVIF fAVIFts مع JPEG FallbacJPEGr يقللان من عرض النطاق الترددي. تعد الصور المستجيبة أمرًا بالغ الأهمية لأداء Core Web Vitals - فالصورة كبيرة الحجم تؤخر تطبيق Largest Contentful Paint، وهو مقياس أداء التحميل الأساسي الذي يؤثر على كل من تجربة المستخدم وتصنيفات محرك البحث.