التطورات في أدوات السرعة: أبرز الأخبار من مؤتمر Chrome Developer Summit لعام 2019

مقاييس أداء جديدة وتعديلات على "إحصاءات PageSpeed" و"تقرير تجربة مستخدمي Chrome" (CrUX) وغير ذلك

Elizabeth Sweeny
Elizabeth Sweeny

في مؤتمر 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 ملي ثانية. ويتم احتساب أي جزء من الثانية يتجاوز ذلك ضِمن وقت حظر هذه المهمة.

مخطّط بياني يمثّل مهمة تستغرق 150 ملي ثانية وتستغرق 100 ملي ثانية من وقت الحظر

"إجمالي وقت الحظر" للصفحة هو مجموع أوقات الحظر لجميع المهام الطويلة التي حدثت بين "سرعة عرض المحتوى على الصفحة" و"وقت التفاعل".

مخطّط بياني يمثّل خمس مهام بإجمالي وقت حظر يبلغ 60 ملي ثانية من إجمالي وقت سلسلة المحادثات الرئيسية الذي يبلغ 270 ملي ثانية

على الرغم من أنّ مقياس "الوقت إلى التفاعل" يؤدي بشكل جيد في تحديد وقت تهدئة السلسلة الرئيسية لاحقًا في عملية التحميل، يهدف مقياس "إجمالي وقت الحظر" إلى تحديد مدى انشغال السلسلة الرئيسية طوال عملية التحميل. بهذه الطريقة، يكمل كلّ من TTI وTBT بعضهما ويحقّقان التوازن.

متغيّرات التصميم التراكمية (CLS)

تقيس متغيّرات التصميم التراكمية (CLS) الثبات البصري للصفحة ويصعّد عدد المرات التي يواجه فيها المستخدمون تغييرات غير متوقّعة في التصميم. يمكن أن يكون التنقّل غير المتوقّع في المحتوى مزعجًا للغاية، ويساعدك هذا المقياس الجديد في معالجة هذه المشكلة من خلال قياس معدّل تكرار حدوثها للمستخدمين.

تسجيل رقمي للشاشة يوضّح التأثير السلبي الذي يحدثه عدم ثبات التنسيق في تجربة المستخدمين.

اطّلِع على الدليل المفصّل حول مقياس "متغيّرات التصميم التراكمية" للتعرّف على كيفية حسابه وقياسه.

ستتوقف قريبًا صيغة الأداء الجديدة في Lighthouse عن التركيز على FMP وFCI وستتضمّن المقاييس الثلاثة الجديدة، وهي سرعة عرض أكبر محتوى مرئي (LCP) ووقت تحميل الصفحة (TBT) ومتغيّرات التصميم التراكمية (CLS)، لأنّها ترصد بشكل أفضل متى كانت الصفحة قابلة للاستخدام.

في الإصدار 6 من Lighthouse، تشكّل "سرعة عرض أول محتوى مرئي" و"مؤشر السرعة" و"سرعة عرض أكبر محتوى مرئي" مقاييس الأداء الرئيسية للتحميل، و"وقت التفاعل" و"مهلة الاستجابة لأول إدخال" و"الحد الأقصى المحتمَل لمهلة الاستجابة لأول إدخال" و"إجمالي وقت الحظر" هي مقاييس التفاعل الرئيسية، و"متغيّرات التصميم التراكمية" هي مقياس التنبؤ الرئيسي.

اطّلِع على تقييم أداء Lighthouse ومجموعة مقاييس web.dev الجديدة للتعرّف على مزيد من المعلومات.

تم تعديل الحدود الدنيا لبيانات الحقول (CrUX) في "إحصاءات PageSpeed"

خلال العام الماضي، كنّا نحلّل أداء الويب من الموقع من خلال بيانات تجربة مستخدم Chrome (CrUX). استنادًا إلى إحصاءات من هذه البيانات، أعدنا تقييم الحدود القصوى التي نستخدمها لتصنيف موقع إلكتروني على أنّه "بطيء" أو "متوسط" أو "سريع" في الأداء الميداني.

رسمان بيانيان شريبيان يعرضان توزيع السرعة البطيئة والسريعة والمعتدلة لمقياسَي "سرعة عرض المحتوى على الصفحة" و"مهلة الاستجابة لأوّل إدخال"

للحصول على تقييم إجمالي لموقع إلكتروني، تستخدِم إحصاءات سرعة الصفحة (PSI) قياسًا معيّنًا للنسبة المئوية من إجمالي توزيع بيانات الحقل كعدد ذهبي لذلك الموقع الإلكتروني. وكانت الحدود الدنيا السابقة المستخدَمة هي النسبة المئوية التسعون لمقياس "موعد عرض أول محتوى" والنسبة المئوية التسعون لمقياس "وقت استجابة الإدخال الأول".

على سبيل المثال، إذا كان موقع إلكتروني يضمّ توزيعًا لسرعة عرض المحتوى على الصفحة بنسبة %50 سريعة و%30 معتدلة و%20 بطيئة، تكون نسبة %90 من سرعة عرض المحتوى على الصفحة في القسم البطيء، ما يجعل النتيجة العامة للموقع الإلكتروني بطيئة.

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

المقياس الشريحة المئوية العامة سريع (بالمللي ثانية) متوسط (بالملي ثانية) بطيء (بالملي ثانية)
سرعة عرض المحتوى على الصفحة الشريحة المئوية الخامسة والسبعون 1000 1000-3000 3000+
مهلة الاستجابة لأوّل إدخال (FID) الشريحة المئوية الخامسة والتسعون 100 100-300 300+

على سبيل المثال، إذا كان موقع إلكتروني يضمّ توزيعًا لسرعة عرض المحتوى على الصفحة بنسبة %50 سريعة و%30 معتدلة و%20 بطيئة، تكون نسبة %75 من سرعة عرض المحتوى على الصفحة في القسم المتوسط، ما يجعل النتيجة الإجمالية للمجال على الموقع الإلكتروني معتدلة.

عمليات إعادة التوجيه إلى عنوان URL الأساسي في "إحصاءات PageSpeed"

لتمكينك من قياس تجربة المستخدم بأكبر قدر ممكن من الدقة، أضاف فريق أدوات قياس أداء الصفحات طلب إعادة التحليل إلى أداة أدوات قياس أداء الصفحات. بالنسبة إلى المواقع الإلكترونية التي تتم إعادة توجيهها إلى عنوان URL جديد، سيُطلب منك إعادة تشغيل التقرير عن عنوان URL للصفحة المقصودة للحصول على صورة أكثر اكتمالاً عن أدائك الفعلي.

واجهة مستخدم PSI تعرِض إعادة توجيه عنوان URL وزر "إعادة التحليل"

أداة CrUX في تقرير السرعة الجديد في Search Console

طرحت خدمة Search Console تقرير السرعة الجديد أسبوعًا قبل حدث Chrome Dev Summit. ويستخدم هذا التقرير بيانات من "تقرير تجربة المستخدم في Chrome" لمساعدة مالكي المواقع الإلكترونية في اكتشاف المشاكل المحتمَلة المتعلّقة بتجربة المستخدم. يحدّد تقرير السرعة تلقائيًا مجموعات من عناوين URL المشابهة ضمن مجموعات البيانات "سريعة" و"معتدلة" و "بطيئة"، ويساعد في تحديد أولويات تحسينات الأداء للمشاكل المحدّدة.

تقرير "السرعة" في Search Console

Web Almanac

يقدّم "ديون ألمير" "منجم الويب" في مؤتمر CDS لعام 2019.

في الكلمة الرئيسية الافتتاحية، أعلنّا عن إطلاق Web Almanac، وهو مشروع سنوي يجمع الإحصاءات والاتجاهات حول حالة الويب مع خبرة منتدى الويب. تطوع 85 مساهمًا، من مطوّري Chrome ومجتمع الويب، للعمل على المشروع الذي يحلّل 20 جانبًا أساسيًا حول الويب ويتناول كيفية إنشاء المواقع الإلكترونية وعرضها واستخدامها. ابدأ استكشاف "منجم الويب" للاطّلاع على مزيد من المعلومات عن حالة الأداء وJavaScript والرموز البرمجية التابعة لجهات خارجية على الويب.

مزيد من المعلومات

لمزيد من التفاصيل حول تحديثات أدوات الأداء من مؤتمر مطوّري Chrome، يمكنك مشاهدة محادثة حول تطور أدوات تحسين السرعة: