إجمالي وقت الحظر (TBT) هو أحد المقاييس التي يتم تتبُّعها في قسم الأداء في تقرير Lighthouse. يسجّل كل مقياس جانبًا من جوانب سرعة تحميل الصفحة.
يعرض تقرير Lighthouse TBT بالمللي ثانية:
![لقطة شاشة لتدقيق "إجمالي وقت الحظر" في Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/lighthouse-total-blocking-time/image/a-screenshot-the-lightho-78f54ec872364.png?authuser=19&hl=ar)
المقاييس التي تقيسها تقنية "TBT"
يقيس TBT إجمالي الوقت الذي يتم فيه حظر الصفحة من الاستجابة لإدخال المستخدم، مثل نقرات الماوس أو نقرات الشاشة أو ضغطات لوحة المفاتيح. ويتم احتساب المجموع عن طريق إضافة جزء الحظر من جميع المهام التي تستغرق وقتًا طويلاً بين سرعة عرض أول محتوى مرئي ووقت التفاعل. أي مهمة يتم تنفيذها لأكثر من 50 ملي ثانية تكون مهمة طويلة. وتكون الفترة الزمنية بعد 50 ملّي ثانية هي الجزء الذي يحظر الوصول. على سبيل المثال، في حال رصد Lighthouse لمهمة مدتها 70 ملّي ثانية، سيكون جزء الحظر 20 ملّي ثانية.
كيفية تحديد أداة Lighthouse لنتيجة TBT
نتيجة "TBT" هي مقارنة بين وقت تيرابايت في الوقت الفعلي لصفحتك وضِعف الملايين من المواقع الإلكترونية الحقيقية عند تحميلها على الأجهزة الجوّالة. يمكنك الاطّلاع على طريقة تحديد نتائج المقاييس للتعرّف على كيفية ضبط الحدود الدنيا للنتيجة في أداة Lighthouse.
يوضِّح هذا الجدول كيفية تفسير نتيجة يُحدَّد لاحقًا:
وقت TBT (بالمللي ثانية) |
الترميز اللوني |
---|---|
من 0 إلى 200 | أخضر (سريع) |
200-600 | برتقالي (معتدل) |
أكثر من 600 | أحمر (بطيء) |
كيفية تحسين نتيجة يُحدَّد لاحقًا
يمكنك الاطّلاع على القسم ما سبب مهامي الطويلة؟ للتعرّف على كيفية تشخيص السبب الأساسي للمهام الطويلة من خلال لوحة الأداء في "أدوات مطوري البرامج في Chrome".
بشكل عام، الأسباب الأكثر شيوعًا للمهام الطويلة هي:
- تحميل JavaScript أو تحليله أو تنفيذه غير ضروري. أثناء تحليل التعليمات البرمجية في لوحة الأداء قد تكتشف أن سلسلة التعليمات الرئيسية تقوم بعمل غير ضروري حقًا لتحميل الصفحة. من المفترض أن يؤدي تقليل حمولات JavaScript من خلال تقسيم الرموز أو إزالة الرموز غير المستخدَمة أو تحميل ملفات JavaScript التابعة لجهة خارجية بفعالية إلى تحسين نتيجة "TBT".
- عبارات JavaScript غير فعّالة. على سبيل المثال، بعد تحليل الرمز في لوحة "الأداء"، لنفترض
أنك ترى استدعاء
document.querySelectorAll('a')
يعرض 2000 عقدة. ومن المفترض أن تؤدي إعادة تنظيم الرمز البرمجي لاستخدام أداة اختيار أكثر تحديدًا تعرض 10 عُقد فقط إلى تحسين نتيجة "TBT".
كيفية تحسين نتيجة الأداء الإجمالية
ما لم يكن لديك سبب محدد للتركيز على مقياس معيّن، يكون من الأفضل عادةً التركيز على تحسين نتيجة الأداء الإجمالية.
استخدِم قسم الفرص ضِمن تقرير Lighthouse لتحديد التحسينات التي ستحقّق أكبر قيمة ممكنة لصفحتك. وكلما زادت أهمية الفرصة، زاد تأثيرها في نتيجة أدائك. على سبيل المثال، تُظهر لقطة شاشة Lighthouse أدناه أن إزالة موارد حظر العرض سيحقق أكبر قدر من التحسين:
![Lighthouse: قسم "الفرص"](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=19&hl=ar)
اطّلِع على الصفحة المقصودة لعمليات "تدقيق الأداء" للتعرّف على كيفية معالجة الفرص المحدّدة في تقرير Lighthouse.