الأداء والجودة

• LCP
  …
• INP
  …
• CLS
  …
• FCP
  …
• TTFB
  …

الصور

• صور البطل والواجهة تستخدم next/image مع أحجام صريحة ليحمّل المتصفح دقة مناسبة لكل عرض.
• صورة البطل فوق الطية مُعلَّمة كأولوية؛ صور المعرض والشبكة تُحمَّل كسولة مع نقاط توقف متوافقة مع التخطيط.
• الصور النقطية في المسار العام يحسّنها Next تلقائياً؛ التخطيط يحجز نسبة العرض إلى الارتفاع لتقليل إزاحة التخطيط التراكمية.

الخطوط

• النص اللاتيني يستخدم Space Grotesk وManrope من next/font/google مع subset لاتيني وdisplay: swap لتفادي النص الخفي أثناء التحميل.
• العربية تستخدم Alexandria محلياً عبر next/font/local بنفس سلوك swap لأداء RTL متسق.
• الخطوط تُطبَّق عبر متغيرات CSS في التخطيط الجذري، فتُقلَّل جولات الشبكة الإضافية ووميض النص غير المنسق.

Lighthouse وبيانات المختبر

تشغيل Lighthouse الآلي (أدوات مطوري Chrome أو CI) يكمّل المؤشرات الميدانية: يبرز إمكانية الوصول وأفضل الممارسات وفرص الحزم في بيئة مضبوطة.

الأرقام تختلف حسب الجهاز والشبكة والذاكرة المؤقتة — استخدم المؤشرات المباشرة هنا مع اختباراتك المختبرية عند تقييم الأداء الواقعي.