مطعم تاوة بـ18 طاولة في مالتيبي يعاني من مشكلة واضحة: العملاء يمسحون رمز QR ويحدّقون في شاشة فارغة لمدة 5-6 ثوانٍ. السبب: صور JPEG بدقة 4K من كاميرا احترافية بوزن 4-6 ميغابايت لكل بطاقة منتج. الحل ليس حذف 4K بل تقديم الحجم الصحيح.
Core Web Vitals: الخط الأحمر لـLCP
عتبة Largest Contentful Paint (LCP) من Google هي 2.5 ثانية. بطاقات 4K تختبر في 4.2-6.1 ثانية — فئة "ضعيف". مع WebP 800px تنخفض البطاقة إلى 1.2-1.8 ثانية ضمن "جيد".
LCP يؤثر مباشرة على SEO. المطاعم في أعلى 3 نتائج جوال متوسط LCP لها أقل من 1.9 ثانية؛ فوق 4 ثوانٍ تنزلق إلى الصفحة 2-3.
لماذا 800px WebP كافٍ
شاشات الهواتف الحديثة (iPhone 14, Galaxy S23) عرضها 390-430px CSS. مع retina ×2 = 860px كحد أقصى. WebP 800px يصل بالفعل إلى السقف الفيزيائي. الـ3,200 بكسل المتبقية من 4K لا تقابل أي بكسل مرئي.
WebP أصغر بـ25-35% من JPEG بجودة مكافئة. WebP 800px (180 ك.ب) مقابل JPEG 4K (5.2 م.ب) = توفير 96.5% من النطاق.
خدمة الصور المستجيبة thMenu
عند رفع أصل 4K، يولّد thMenu تلقائيًا مشتقات 320px, 640px, 800px, 1200px بصيغة WebP+AVIF. المتصفح يختار عبر srcset.
Lazy loading مفعّل افتراضيًا. First Contentful Paint تحت 600 مللي ثانية؛ الباقي يحمَّل أثناء التمرير.
الأسئلة الشائعة
هل أحذف أصل 4K؟ لا. thMenu يحتفظ به في R2 لشاشات 8K مستقبلًا.
كم AVIF أصغر؟ أصغر بـ50% من JPEG و20% من WebP بجودة متساوية. يدعمه 94% من المتصفحات.
هل تتأثر جودة الصورة؟ لا. عند 800px على الجوال، 4K لا يمكن تمييزه — العين لا تحل أكثر من 300 PPI باليد.
هل وجدت هذا مفيداً؟ شاركه.
مقالات ذات صلة
12 فائدة ملموسة لقوائم QR الرقمية (مدعومة ببيانات حقيقية)
صفر تكاليف طباعة، زيادة 31 % في متوسط الفاتورة، دعم 20 لغة تلقائياً: 12 سبباً مد…
لماذا تزيد صور القائمة من مبيعات المطعم: الدليل الشامل
الأطباق التي تحتوي على صور تحصل على ما يصل إلى 30% من الطلبات أكثر. إليك العلم و…
Limadha yantazir mustakhdimu Apple Pay 12 thaniya akall min Chip+PIN fi al-mata3em
Bayanat Visa 2024: chip+PIN 25.3 thaniya, Apple Pay 13.1 thaniya. Li-brasseri mi…