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