يضيف Chrome تراكب الأداء لمساعدة مطوري الويب في إنشاء مواقع ويب أسرع

عندما تطلق Google Chrome 90 في وقت لاحق من هذا العام، فإنه سيحتوي على تراكب يوفر إحصائيات حول كيفية أداء موقع الويب.

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

تم تفصيل شاشة عرض الأداء الجديدة (HUD) من Chrome بواسطة مدير الهندسة في Google آدي عثماني (عبر AndroidPolice). سيوفر التراكب الجديد، الذي سيصبح جزءًا من Chrome DevTools، للمطورين كلاً من مؤشرات أداء الويب الأساسية ومقاييس السلاسة. بمجرد تمكين HUD، سيكون ثابتًا وسيتم عرضه على كل علامة.

يصل تراكب الأداء الجديد بعد ذلك إطلاق Google لـ Web Vitals، وهي مبادرة تهدف إلى توفير "إرشادات موحدة لإشارات الجودة التي تعتبر ضرورية لتقديم تجربة مستخدم رائعة على الويب."

إليك ما قلناه عن مؤشرات أداء الويب الأساسية في مايو 2020:

تعد مؤشرات أداء الويب الأساسية مجموعة فرعية من جميع مؤشرات أداء الويب التي تنطبق على جميع صفحات الويب، ويجب قياسها بواسطة جميع مالكي مواقع الويب، وسيتم عرضها عبر جميع أدوات Google. حاليًا، تركز مؤشرات أداء الويب الأساسية هذه على ثلاثة جوانب من تجربة المستخدم — التحميل والتفاعل والاستقرار البصري — وتتضمن المقاييس التالية (والحدود الخاصة بكل منها):

  • أكبر طلاء محتوى (LCP): يقيس أداء التحميل. لتوفير تجربة مستخدم جيدة، يجب أن يحدث LCP خلال 2.5 ثانية من وقت بدء تحميل الصفحة لأول مرة.
  • تأخير الإدخال الأول (FID): يقيس التفاعل. لتوفير تجربة مستخدم جيدة، يجب أن تحتوي الصفحات على FID أقل من 100 مللي ثانية.
  • التحول التراكمي للتخطيط (CLS): يقيس الاستقرار البصري. لتوفير تجربة مستخدم جيدة، يجب أن تحافظ الصفحات على CLS أقل من 0.1

من مصلحة المطور إنشاء موقع ويب يتمتع بتجربة سريعة وسلسة. ذلك بسبب ستقوم جوجل بتصنيف مواقع الويب بناءً على "تجربة الصفحة" بدءًا من مايو 2021. بدأت Google في تصنيف مواقع الويب على أنها تلبي مقاييس Core Web Vitals في أغسطس من العام الماضي، لإخبار المستخدمين في Chrome 85 ما إذا كان الرابط يؤدي إلى "صفحة سريعة".

وفقًا لعثماني، لا يزال HUD قيد الصقل، لذا فإن أشياء مثل الاستقرار والأداء ستأتي مع مرور الوقت. يمكنك التوجه إلى crbug.com والإبلاغ عن أي أخطاء أو تعليقات ضمن مكون Internals > GPU > Metrics.