شرح ما هو Total Blocking Time

 Total Blocking Tim

ما هو TBT؟

يقيس مقياس إجمالي وقت الحظر (TBT) إجمالي مقدار الوقت بين الطلاء المحتوى الأول (FCP) والوقت إلى التفاعلي (TTI) حيث تم حظر مؤشر الترابط الرئيسي لفترة كافية لمنع استجابة الإدخال.

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

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

وقت حظر مهمة طويلة معينة هو مدة تتجاوز 50 مللي ثانية. ووقت الحظر الإجمالي للصفحة هو مجموع وقت الحظر لكل مهمة طويلة تحدث بين FCP وTTI.

على سبيل المثال، خذ بعين الاعتبار الرسم التخطيطي التالي لمؤشر الترابط الرئيسي للمستعرض أثناء تحميل الصفحة:

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

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

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

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

كيف ترتبط TBT ب TTI؟ #

TBT هو مقياس مصاحب كبير لTTI لأنه يساعد على تحديد مدى شدة كيفية عدم تفاعلية صفحة قبل أن تصبح تفاعلية بشكل موثوق.

تعتبر TTI صفحة "تفاعلية بشكل موثوق" إذا كان مؤشر الترابط الرئيسي خاليا من المهام الطويلة لمدة خمس ثوان على الأقل. وهذا يعني أن ثلاث مهام، 51 مللي ثانية موزعة على 10 ثوان يمكن أن تدفع TTI مرة أخرى بقدر مهمة واحدة طويلة 10 ثانية - ولكن هذين السيناريوهين سوف يشعر مختلفة جدا للمستخدم يحاول التفاعل مع الصفحة.

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

كيفية قياس TBT #

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

أدوات معملية #

• كروم ديفتولس
• مَنَارَة
• موقع ويباختبار

كيفية تحسين درجة TBT الخاص بك #

راجع ما الذي يسبب مهامي الطويلة؟ لمعرفة كيفية تشخيص السبب الجذري للمهام الطويلة باستخدام لوحة الأداء في Chrome DevTools.

بشكل عام، الأسباب الأكثر شيوعا للمهام الطويلة هي:

• تحميل جافا سكريبت أو تحليلها أو تنفيذها بشكل غير ضروري. أثناء تحليل التعليمات البرمجية في لوحة الأداء قد تكتشف أن مؤشر الترابط الرئيسي يقوم بعمل غير ضروري لتحميل الصفحة. الحد من حمولات جافا سكريبت مع تقسيم التعليمات البرمجية، وإزالة التعليمات البرمجية غير المستخدمة، أو تحميل بكفاءة جافا سكريبت طرف ثالث يجب تحسين درجة TBT الخاص بك.
• عبارات جافا سكريبت غير فعالة. على سبيل المثال، بعد تحليل التعليمات البرمجية في لوحة الأداء افترض أن تشاهد استدعاء إلى إرجاع العقد 2000. يجب أن يؤدي إعادة بناء التعليمات البرمجية لاستخدام محدد أكثر تحديدا يقوم بإرجاع 10 عقد فقط إلى تحسين نقاط TBT.document.querySelectorAll('a')