نظرًا لأن سرعة الصفحة أصبحت مقياسًا مهمًا لكل من تحسين محركات البحث (SEO) وتجربة المستخدم (UX) على مر السنين، فقد أصبح مفهوم أ ميزانية أداء الويب لقد وصل أيضًا إلى المقدمة. لقد أصبح من الواضح الآن أن أداء الويب هو موضوع يتطلب منظورًا مشتركًا عبر جميع الأقسام، بدلاً من أن يكون مجرد أولوية لقسم واحد أو فرد واحد.

لشرح ذلك بمثال: قد ترغب أقسام التسويق في تنفيذ التحويل و رموز تجديد النشاط التسويقي/إعادة الاستهداف، إلى جانب أدوات مثل كريتيو و RTB هاوس، والتي تستخدم إعادة الاستهداف على أساس المنتج. قد يتوقعون أيضًا صورًا ورسومًا متحركة ملفتة للنظر. وفي الوقت نفسه، قد تطلب أقسام المنتجات دمج أدوات مثل هوتجار والوضوح. من ناحية أخرى، تهدف أقسام البرمجيات إلى التطوير في أسرع وقت ممكن على كل من الواجهة الأمامية والخلفية. إن الطلب والتكاليف المرتبطة بهذه المتطلبات على سرعة الصفحة متوازنة بالفعل. وقد ظهرت ميزانية أداء الويب لتحقيق هذا التوازن بشكل فعال.

تتضمن ميزانية أداء الويب تحديد السرعة المستهدفة لمنصتك على منصة معينة وتحديد أهداف رقمية يلتزم بها جميع أصحاب المصلحة من أجل تحقيق هذه السرعة. باختصار، تكلفة السرعة هي ميزانية أداء الويب.

 

صورة 5.png
المصدر https://wp-rocket.me/blog/performance-budgets/

 

كل شيء يبدأ باقتراح. أنت تقترح مدى السرعة التي يجب أن تفتح بها صفحتك على نوع معين من الاتصال. على سبيل المثال، يمكن أن تكون بعض مقترحات ميزانية الأداء كما يلي:

  • هل يمكن فتح الصفحة الرئيسية في أقل من ثانيتين على اتصال هاتف محمول سريع من الجيل الثالث (2 ميجابت في الثانية)?
  • هل يمكن فتح صفحة نتائج البحث في أقل من 5 ثوانٍ على اتصال 3G بطيء (780 كيلوبت في الثانية)?

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

وبصرف النظر عن المقترحات، يمكن أن تكون هناك أهداف أخرى لميزانية الأداء. على سبيل المثال:

  • زيادة المنارة المتنقلة درجة صفحة التفاصيل فوق 80
  • تقليل حجم جميع الصور على موقع سطح المكتب إلى أقل من 500 كيلو بايت

مقاييس ميزانية الأداء

هناك ثلاث وجهات نظر مختلفة مقبولة لتحديد مقاييس ميزانية الأداء:

المقاييس القائمة على الأرقام

  • الحد الأقصى لعدد الخطوط / الحد الأقصى لحجم الخط
  • الحد الأقصى لعدد الصور / الحد الأقصى لحجم الصورة
  • الحد الأقصى لعدد النصوص والأنماط ومقاطع الفيديو وما إلى ذلك. / الحد الأقصى لحجم النص والنمط والفيديو وما إلى ذلك
  • الحد الأقصى لحجم HTML
  • الحد الأقصى لعدد طلبات HTTP
  • الحد الأقصى لعدد البرامج النصية لجهة خارجية

 

صورة 7.png
المصدر https://web.dev/vitals/

 

المقاييس المستندة إلى الوقت

  • أول وقت للرسم المحتوى (FCP).
  • أكبر وقت لطلاء المحتوى (LCP).
  • وقت تأخير الإدخال الأول (FID).
  • الوقت للتفاعل (TTI).
  • إجمالي وقت الحظر (TBT).
  • درجة التحول التراكمي للتخطيط (CLS).
  • درجة مؤشر السرعة

المقاييس القائمة على القواعد

  • درجة المنارة
  • نقاط GTmetrix
  • نتيجة اختبار صفحة الويب
  • درجة YSlow
حاسبة-ميزانية-الأداء.png
المصدر https://www.performancebudget.io/

عند تحديد ميزانية أداء الويب الخاصة بك، يوصى عمومًا بدمج كل وجهات النظر هذه بالمقياس الصحيح بدلاً من اختيار واحدة فقط. يمكنك استخدام محاكاة ميزانية الأداء للعثور على الأرقام اللازمة للوصول إلى السرعة المستهدفة.

تقييم أنواع الصفحات بشكل منفصل

إحدى النقاط الحاسمة عند تحديد ميزانية الأداء هي عدم استنادها إلى صفحة واحدة من الموقع. من الأخطاء الشائعة اختبار الصفحة الرئيسية فقط، مما يؤدي إلى تقييم غير مكتمل.

يجب أن تبدأ بفحص المنصة وتحديد الأنواع المختلفة للصفحات. بعد ذلك، قم بتحليل حركة المرور على النظام الأساسي لتحديد الصفحات التي تستقبل أكبر عدد من الزيارات وترتيبها حسب الأولوية. وستكون النتيجة جدولاً مشابهاً لهذا:

  • الرئيسية
  • صفحات القائمة الثابتة
  • صفحات القائمة الديناميكية
  • صفحات التفاصيل
  • صفحات الخروج
  • صفحات نتائج البحث
  • صفحات الحملة
  • صفحات المدونة

تحتاج إلى التركيز على ميزانيات الأداء لأنواع الصفحات هذه بشكل منفصل، على أساس الأولويات.