الموقع البطيء يكلّفك العملاء بصمت. والخبر الجيد أن الأداء قابل للقياس، وأن معظم التحسينات تأتي من عدد قليل من التقنيات المعروفة.
المؤشرات الثلاثة التي يجب متابعتها
- LCP: مدى سرعة ظهور المحتوى الرئيسي. استهدف أقل من 2.5 ثانية.
- INP: مدى استجابة الصفحة عندما ينقر الناس أو يكتبون.
- CLS: مدى ثبات التخطيط أثناء التحميل.
مكاسب سريعة
قدّم الصور بصيغ حديثة وبالحجم المناسب، واحجز المساحة للصور والعناصر المضمّنة، وحمّل الخطوط بكفاءة. هذه التغييرات وحدها غالبًا ما تعالج معظم مشكلات التحميل وتحرك التخطيط.
أرسل كمية أقل من JavaScript
اعرض الصفحات من الخادم حيثما أمكن، وقسّم المكونات الثقيلة إلى حزم منفصلة ولا تحمّلها إلا عند الحاجة. يجب ألا يؤخر مشهد ثلاثي الأبعاد أو مكتبة رسوم بيانية ظهور عنوانك الرئيسي أبدًا.
قِس باستخدام بيانات المستخدمين الحقيقيين وليس اختبارات المختبر فقط — فعملاؤك يستخدمون أجهزة أبطأ من أجهزة مطوريك.
تعامل مع الأداء كميزانية يجب أن تحترمها كل ميزة جديدة، وسيبقى موقعك سريعًا مع نموه.
الوسوم
- #Next.js
- #Performance
