إجمالي وقت الحظر (TBT)

ما هو المقصود بـ TBT؟

يقيس مقياس "إجمالي وقت الحظر" (TBT) إجمالي الوقت بعد سرعة عرض أوّل محتوى على الصفحة (FCP) الذي تم فيه حظر سلسلة التعليمات الرئيسية لمدة كافية لمنع الاستجابة للإدخال.

بشكل تلقائي، تتوقّف أداة Lighthouse عن رصد مقدار TBT بعد وقت التفاعل (TTI)، كما هي الحال مع بعض الأدوات الاختبارية الأخرى التي تقيس تحميل الصفحة. يُرجى الاطّلاع على المقالة ما العلاقة بين TBT وTTI؟.

تُعتبر سلسلة المحادثات الرئيسية "محظورة" في أي وقت تكون فيه مهمة طويلة مهمة يتم تشغيلها في سلسلة المحادثات الرئيسية لأكثر من 50 ملي ثانية. نقول أنّ سلسلة المهام الرئيسية "محظورة" لأنّ المتصفّح لا يمكنه إيقاف مهمة قيد التنفيذ. لذلك، في حال تفاعل أحد المستخدِمين مع الصفحة أثناء تنفيذ مهمة طويلة، على المتصفّح الانتظار حتى تنتهي المهمة قبل أن يتمكّن من الاستجابة.

إذا كانت المهمة طويلة بما يكفي (أي أكثر من 50 مللي ثانية)، من المرجّح أن يلاحظ المستخدم التأخير ويعتقد أنّ الصفحة بطيئة أو متعطّلة.

مدة الحظر لمهمة طويلة معيّنة هي مدتها التي تزيد عن 50 ملي ثانية. وإجمالي وقت الحظر لإحدى الصفحات هو مجموع مدة الحظر لكل مهمة طويلة تحدث بعد "سرعة عرض المحتوى على الصفحة" (FCP) للإطار الزمني الذي تم قياسه (عادةً ما يكون وقت تتبُّع البيانات في أدوات تحميل الصفحة أو إجمالي وقت التتبُّع للأدوات الأخرى).

على سبيل المثال، راجِع الرسم البياني التالي لسلسلة المهام الرئيسية للمتصفّح أثناء تحميل الصفحة:

مخطط زمني للمهام في سلسلة التعليمات الرئيسية
مخطط زمني للمهام في سلسلة التعليمات الرئيسية

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

مخطط زمني للمهام في سلسلة المحادثات الرئيسية يعرض وقت الحظر
المهام نفسها مع وضع علامة على أوقات الحظر

ولذلك، على الرغم من أنّ الوقت الإجمالي المستغرق في تشغيل المهام في سلسلة التعليمات الرئيسية هو 560 ملي ثانية، فإنّ 345 ملّي ثانية فقط من هذه المدة تُعدّ مدة حظر.

مدة المهمة (بالمللي ثانية) وقت حظر المهمة (بالمللي ثانية)
المهمة الأولى 250 200
المهمة الثانية 90 40
المهمة الثالثة 35 0
المهمة الرابعة 30 0
المهمة الخامسة 155 105
إجمالي وقت الحظر 345 ملي ثانية

ما هي العلاقة بين ميزة "الذكريات" وميزة "الاقتراحات"؟

يسبق الجدول الزمني لمقياس INP ما يُعرف بمقياس "مدى استجابة الصفحة لتفاعلات المستخدم" (INP)، وهو مفيد كمؤشر على مشاكل "مدى استجابة الصفحة لتفاعلات المستخدم" (INP)، لا سيما في بيئة المعمل التي يصعب فيها قياس "مدى استجابة الصفحة لتفاعلات المستخدم" (INP). ومع ذلك، يمكن أن تُبلغ ميزة "التتبّع بالوقت الفعلي" عن مشاكل محتملة قد لا يواجهها المستخدمون، وذلك في حال عدم تفاعلهم في ذلك الوقت. ويمكن أن تفوت أيضًا المشاكل الناتجة عن التفاعلات عند قياسها في بيئة المختبر. ننصحك بقياس INP في الميدان كمقياس لمشاكل الاستجابة الفعلية التي يواجهها المستخدمون. قد يكون مقياس TBT مقياسًا بديلاً معقولاً لمقياس INP في المختبر، ولكنه ليس بديلاً لمقياس INP بحد ذاته.

ما هي العلاقة بين TBT وTTI؟

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

تعتبر أداة TTI الصفحة "تفاعلية بشكل موثوق" إذا كانت سلسلة التعليمات الرئيسية خالية من المهام الطويلة لمدة خمس ثوانٍ على الأقل. وهذا يعني أنّ ثلاث مهام تستغرق كلّ منها 51 ملي ثانية وتستغرق 10 ثوانٍ في المجمل يمكن أن تؤخّر وقت الاستجابة للتفاعل (TTI) إلى أن تصبح مساوية لمهمة واحدة تستغرق 10 ثوانٍ، ولكنّ هذين السيناريوهَين سيبدوان مختلفَين جدًا بالنسبة إلى المستخدِم الذي يحاول التفاعل مع الصفحة.

في الحالة الأولى، سيكون لثلاث مهام كل مهمة تبلغ مدتها 51 ملي ثانية مدة TBT تبلغ 3 ملي ثانية. في حين أنّ مهمة واحدة مدتها 10 ثوانٍ سيكون لها وقت استجابة إجمالي يبلغ 9950 ملي ثانية. تُحدِّد قيمة TBT الأكبر في الحالة الثانية التجربة الأسوأ.

يوضّح هذا المثال سبب كون TBT غالبًا مقياسًا أفضل من TTI لأنّه أقلّ عرضةً للقيم الشاذة. وينطبق ذلك حتى في حال استخدام TTI كنقطة نهاية لـ TBT.

كيفية قياس TBT

إنّ TBT هو مقياس يجب قياسه في التمرين المعملي. وأفضل طريقة لقياس TBT هي إجراء تدقيق في أداء Lighthouse على موقعك الإلكتروني. راجِع مستندات Lighthouse حول اختبار TBT للاطّلاع على تفاصيل الاستخدام.

من الممكن قياس "TBT" في الحقل، ولكننا لا ننصح بذلك لأنّ تفاعل المستخدم يمكن أن يؤثر في الوقت الذي يتم تحديده للصفحة على أساسه بطرق تؤدي إلى حدوث العديد من الاختلافات في تقاريرك. بدلاً من ذلك، ننصحك بالاطّلاع على واجهة Long Animations Frame API الجديدة في الحقل إذا كنت تريد النظر إلى ما هو أبعد من تفاعل واحد لـ INP.

أدوات التمرين المعملي

ما هي درجة TBT الجيدة؟

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

لمعرفة تفاصيل عن كيفية تأثير وقت TBT في نتيجة أداء Lighthouse، يُرجى الاطّلاع على كيفية تحديد Lighthouse نتيجة TBT.

كيفية تحسين ميزة "الذكريات"

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

إذا كنت تنظر إلى TBT على وجه التحديد، يمكنك إجراء تدقيق لأداء Lighthouse والاهتمام بأي فرص محدّدة يقترحها التدقيق.

بوجه عام، يتضمن تحسين "TBT" في أحد المواقع تقليل مقدار حظر النصوص البرمجية، ما يعني إما تحسينها لتقليل إمكانيات الحظر، أو تقليل مقدار النصوص البرمجية بشكل عام. راجِع أدلة الأداء التالية: