تحسين مؤشرات الويب الأساسية لديك

دعونا نلقي نظرة على كيفية تحسين مؤشرات الويب الأساسية (Core Web Vitals) لمثالنا باستخدام ميزات Next.js.

في هذا الدرس، ستتعلم:

• ما هو Lighthouse وكيف يمكننا استخدامه.
• كيفية استخدام next/image لتحسين الصور تلقائيًا.
• كيفية استيراد المكتبات والمكونات ديناميكيًا لتقليل حزمة JavaScript الأولية لديك.
• كيفية الاتصال المسبق بالنصوص البرمجية (scripts) التابعة لجهات خارجية.
• كيف يقوم Next.js بتحسين تحميل خطوط الويب افتراضيًا.
• كيفية تحسين تحميل أي نصوص برمجية تابعة لجهات خارجية.