باختصار
ما السرعة المطلوبة للموقع وكيف تُقاس؟
تُقاس مؤشرات الويب الأساسية بثلاث عتبات: أكبر رسم للمحتوى دون 2.5 ثانية، والتفاعل حتى الرسم التالي دون 200 ميلي ثانية، وإزاحة التخطيط التراكمية دون 0.1. ولا يجتازها الموقع المؤسسي إلا إذا كُتب الأداء كميزانية وفرضها خط النشر؛ فبدون ميزانية يجعل كل مكوّن جديد الصفحة أثقل قليلًا.
السرعة ليست ميزة تُضاف لاحقًا. فمن دون ميزانية موارد منذ البداية، يتحوّل كل قرار في مرحلة التصميم بهدوء إلى دَين في الأداء.
كيف تُحدَّد ميزانية الأداء؟
حدّد سقفًا لكل صفحة لإجمالي جافاسكربت ووزن الصور وسكربتات الأطراف الثالثة. وافرض هذا السقف في خط التكامل المستمر بحيث لا يمكن دمج أي تغيير يتجاوزه.
- اجعل مكوّنات الخادم هي الأصل ومكوّنات العميل هي الاستثناء.
- استضف الخطوط ذاتيًا وقدّمها بصيغة متغيّرة.
- اشترط الصيغ الحديثة والأبعاد الصحيحة للصور.
- أجّل سكربتات التحليلات والتسويق.
كم تكلّف الحركة من الأداء؟
الحركة المرتبطة بالتمرير رخيصة ما دامت تقتصر على التحويل والشفافية. أما كل ما يستدعي إعادة التخطيط فيعود إليك على شكل إطارات ساقطة على هاتف متوسط الفئة.
كيف تُقاس مؤشرات الويب الأساسية قياسًا صحيحًا؟
الاختبار المعملي وحده لا يكفي. فمن دون مراقبة المستخدمين الحقيقيين لن تعرف ما إذا كان الأداء قد تحسّن فعلًا.
| المؤشر | جيد | يحتاج تحسينًا | ضعيف |
|---|---|---|---|
| LCP — أكبر رسم للمحتوى | ≤ 2.5 ثانية | 2.5 – 4.0 ثانية | > 4.0 ثانية |
| INP — التفاعل حتى الرسم التالي | ≤ 200 ميلي ثانية | 200 – 500 ميلي ثانية | > 500 ميلي ثانية |
| CLS — إزاحة التخطيط التراكمية | ≤ 0.1 | 0.1 – 0.25 | > 0.25 |
المصادر
- 01Core Web Vitals — LCP, INP, CLS eşikleriGoogle · web.dev · 2024
- 02Web Content Accessibility Guidelines (WCAG) 2.2W3C · 2023
- 03DORA — DevOps Research and Assessment metrikleriGoogle Cloud · 2024