استخدام تنسيقات الصور الحديثة: المعيار المرجعي وكيفية إصلاحه

أهمية ذلك

عادةً ما يكون حجم WebP وAVIF أصغر بكثير من JPEG أو PNG عند جودة مماثلة، وغالبًا ما تكون الصور الجزء الأكبر حجمًا في الصفحة.

قدّم WebP أو AVIF مع بديل بتنسيق JPEG أو PNG، إما عبر CDN للصور أو بإنشاء كلا التنسيقين وقت البناء.

على صفحة رئيسية تحتوي على ثلاث صور على الأقل، تستخدم بعض الصور WebP أو AVIF (وفقًا لنوع الملف أو نوع عنصر source أو معلمة التنسيق في CDN للصور).

لوحظ: اكتشاف صور بتنسيق WebP أو AVIF.

لم يُلاحظ: لم تُكتشف صور بتنسيق WebP أو AVIF.

حدود الفحص: يستند إلى HTML الصفحة الرئيسية المقدَّم إلى عميل آلي؛ لم تُنفَّذ النصوص البرمجية التي تعمل لاحقًا.

WordPress: يدعم WordPress رفع ملفات WebP منذ 5.8 وملفات AVIF منذ 6.5؛ ويمكن لإضافات الصور أو مزوّد الاستضافة تحويل الصور الموجودة.
Next.js: يقدّم المكوّن next/image تنسيقات محسّنة تلقائيًا.
Nuxt: يمكن لـ Nuxt Image إخراج WebP وAVIF.
Cloudflare: يمكن لـ Cloudflare Polish تحويل الصور إلى WebP.
Vercel: يقدّم Vercel Image Optimization تنسيقات حديثة.
Shopify: يمكن لشبكة CDN للصور لدى Shopify تقديم تنسيقات حديثة؛ اتبع إرشادات Shopify الخاصة بأداء الويب للقوالب.