مقاييس أداء جديدة وتعديلات على "إحصاءات PageSpeed" و"تقرير تجربة مستخدمي Chrome" (CrUX) وغير ذلك
في مؤتمر Chrome Developer Summit، أعلنّا أنا وبول إيرلاند عن تعديلات على أداة Lighthouse، مثل Lighthouse CI وصيغة جديدة لنقاط الأداء وغيرها. بالإضافة إلى الأخبار المهمة حول Lighthouse، عرضنا تطورات مثيرة في أدوات الأداء، بما في ذلك مقاييس أداء جديدة وتعديلات على "إحصاءات PageSpeed" و"تقرير تجربة مستخدم Chrome" (CrUX)، وإحصاءات من تحليل "منجم الويب" للمنظومة المتكاملة للويب.
مقاييس أداء جديدة
إنّ قياس التفاصيل الدقيقة لتجربة المستخدم هو المفتاح لتحديد أثرها في أرباحك وتتبُّع التحسينات والتراجعات. وبمرور الوقت، تم تطوير مقاييس جديدة لرصد هذه الاختلافات الدقيقة وسدّ فجوات قياس تجربة المستخدم. أحدث إضافة إلى قصة المقاييس هي مقياسان في الميدان، وهما سرعة عرض أكبر محتوى مرئي (LCP) ومتغيّرات التصميم التراكمية (CLS)، اللذان يتم تطويرهما في مجموعة عمل أداء الويب في W3C، ومقياس اختباري جديد، وهو إجمالي وقت الحظر (TBT).
سرعة عرض أكبر محتوى مرئي (LCP)
يُستخدَم مقياس سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) لتسجيل الوقت الذي يصبح فيه أكبر عنصر محتوى مرئيًا في إطار العرض.
قبل سرعة عرض أكبر محتوى مرئي، كان مقياسا سرعة عرض أوّل محتوى مفيد (FMP) ومؤشر السرعة (SI) يُستخدَمان لتسجيل تجربة التحميل بعد العرض الأول، ولكنّ هذين المقياسَين معقدان ولا يحدّدان في أغلب الأحيان وقت تحميل المحتوى الرئيسي للصفحة. أظهرت الأبحاث أنّ النظر إلى وقت عرض العنصر الأكبر على الصفحة يمثّل بشكل أفضل وقت تحميل المحتوى الرئيسي للصفحة.
سيتوفر قريبًا مقياس "سرعة عرض أكبر محتوى مرئي" الجديد في تقارير Lighthouse، وفي الوقت الحالي، يمكنك قياس سرعة عرض أكبر محتوى مرئي في JavaScript.
إجمالي وقت الحظر (TBT)
يقيس مقياس Total Blocking Time (TBT) إجمالي الوقت بين سرعة عرض المحتوى على الصفحة (FCP) ووقت التفاعل (TTI) الذي تم فيه حظر سلسلة التعليمات الرئيسية لفترة طويلة بما يكفي لمنع الاستجابة للبيانات التي يدخلها المستخدم.
تُعتبر المهمة طويلة إذا كانت تعمل على سلسلت المعالجة الرئيسية لأكثر من 50 ملي ثانية. ويتم احتساب أي جزء من الثانية يتجاوز ذلك ضِمن وقت حظر هذه المهمة.
"إجمالي وقت الحظر" للصفحة هو مجموع أوقات الحظر لجميع المهام الطويلة التي حدثت بين "سرعة عرض المحتوى على الصفحة" و"وقت التفاعل".
على الرغم من أنّ مقياس "الوقت المستغرَق للتفاعل" يؤدي بشكل جيد في تحديد وقت بدء سلسلة المحادثات الرئيسية في العمل بشكلٍ سليم في وقت لاحق من عملية التحميل، يهدف مقياس "إجمالي وقت الحظر" إلى قياس مدى انشغال سلسلة المحادثات الرئيسية طوال عملية التحميل. بهذه الطريقة، يكمل كلّ من TTI وTBT بعضهما ويحقّقان التوازن.
متغيّرات التصميم التراكمية (CLS)
تقيس متغيّرات التصميم التراكمية (CLS) الثبات البصري للصفحة ويصعّب عدد المرات التي يواجه فيها المستخدمون تغييرات تصميم غير متوقّعة. يمكن أن يكون التنقّل غير المتوقّع في المحتوى مزعجًا للغاية، ويساعدك هذا المقياس الجديد في معالجة هذه المشكلة من خلال قياس معدّل تكرار حدوثها للمستخدمين.
اطّلِع على الدليل المفصّل حول مقياس "متغيّرات التصميم التراكمية" لمعرفة كيفية حسابه وقياسه.
ستتوقف قريبًا صيغة الأداء الجديدة في Lighthouse عن التركيز على FMP وFCI، وستشمل المقاييس الثلاثة الجديدة: سرعة عرض أكبر محتوى مرئي (LCP) ووقت تحميل الصفحة (TBT) ومتغيّرات التصميم التراكمية (CLS)، لأنّها ترصد بشكل أفضل الحالات التي تبدو فيها الصفحة قابلة للاستخدام.
يمكنك الاطّلاع على نتائج الأداء في Lighthouse ومجموعة مقاييس web.dev الجديدة لمزيد من المعلومات.
تم تعديل الحدود الدنيا لبيانات الحقول (CrUX) في "إحصاءات PageSpeed"
على مدار العام الماضي، حلّلنا أداء الويب في هذا المجال من خلال بيانات تجربة المستخدم على Chrome (CrUX). استنادًا إلى إحصاءات من هذه البيانات، أعدنا تقييم الحدود القصوى التي نستخدمها لتصنيف موقع إلكتروني على أنّه "بطيء" أو "متوسط" أو "سريع" في الأداء الميداني.
للحصول على تقييم عام لأحد المواقع، تستخدم أداة PageSpeed Insights (PSI) نسبة مئوية معينة من إجمالي توزيع بيانات الحقل كرقم ذهبي لهذا الموقع؛ وكانت الحدود السابقة المستخدمة هي 90 في المئة لسرعة عرض أول محتوى مرئي والنسبة 95 في المئة لمهلة الاستجابة الأولى (FID).
على سبيل المثال، إذا كان موقع إلكتروني يضمّ توزيعًا لسرعة عرض المحتوى على الصفحة بنسبة %50 سريعة و%30 معتدلة و%20 بطيئة، تكون نسبة %90 من سرعة عرض المحتوى على الصفحة في القسم البطيء، ما يجعل النتيجة العامة لقياس الحقل للموقع الإلكتروني بطيئة.
تم تعديل هذا الترتيب لتحقيق توزيع أفضل بشكل عام على المواقع الإلكترونية، وإليك التقسيم الجديد:
المقياس | الشريحة المئوية العامة | سريع (بالمللي ثانية) | متوسطة (ملي ثانية) | بطيء (بالملي ثانية) |
سرعة عرض المحتوى على الصفحة | الشريحة المئوية الخامسة والسبعون | 1000 | 1000-3000 | 3000+ |
مهلة الاستجابة لأوّل إدخال (FID) | الشريحة المئوية الخامسة والتسعون | 100 | 100-300 | 300+ |
على سبيل المثال، إذا كان موقع إلكتروني يضمّ توزيعًا لسرعة عرض المحتوى على الصفحة بنسبة %50 سريعة و%30 معتدلة و%20 بطيئة، تكون نسبة %75 من سرعة عرض المحتوى على الصفحة في القسم المتوسط، ما يجعل النتيجة الإجمالية للمجال على الموقع الإلكتروني معتدلة.
عمليات إعادة توجيه عناوين URL الأساسية في "إحصاءات PageSpeed"
لتمكينك من قياس تجربة المستخدم بأكبر قدر ممكن من الدقة، أضاف فريق أدوات قياس أداء الصفحات طلب إعادة التحليل إلى أداة أدوات قياس أداء الصفحات. بالنسبة إلى المواقع الإلكترونية التي تتم إعادة توجيهها إلى عنوان URL جديد، سيُطلب منك إعادة تشغيل التقرير عن عنوان URL للصفحة المقصودة للحصول على صورة أكثر اكتمالاً عن أدائك الفعلي.
أداة CrUX في تقرير السرعة الجديد في Search Console
طرحت خدمة Search Console تقرير السرعة الجديد قبل أسبوع من حدث Chrome Dev Summit. ويستخدم هذا التقرير بيانات من "تقرير تجربة المستخدم في Chrome" لمساعدة مالكي المواقع الإلكترونية في اكتشاف المشاكل المحتمَلة المتعلّقة بتجربة المستخدم. يحدّد تقرير السرعة تلقائيًا مجموعات من عناوين URL المشابهة ضمن مجموعات البيانات "سريعة" و"معتدلة" و"بطيئة"، ويساعد في تحديد أولويات تحسينات الأداء للمشاكل المحدّدة.
Web Almanac
في الكلمة الرئيسية الافتتاحية، أعلنّا عن إطلاق Web Almanac، وهو مشروع سنوي يجمع الإحصاءات والاتجاهات حول حالة الويب مع خبرة منتدى الويب. تطوع 85 مساهمًا، كانوا من مطوّري Chrome ومنتدى الويب، للعمل في المشروع الذي يحلل 20 جانبًا أساسيًا حول الويب يتناول كيفية إنشاء المواقع وتقديمها وتجربتها. ابدأ استكشاف "منجم الويب" للاطّلاع على مزيد من المعلومات عن حالة الأداء وJavaScript والرموز البرمجية التابعة لجهات خارجية على الويب.
مزيد من المعلومات
لمزيد من التفاصيل حول التحديثات بشأن أدوات الأداء من مؤتمر مطوّري برامج Chrome، يمكنك مشاهدة محاضرة عن تطوُّرات أدوات السرعة: