يُعدّ وقت الاستجابة المقدّر للإدخال أحد المقاييس الستة التي يتم تتبُّعها في قسم الأداء في تقرير Lighthouse. يسجّل كلّ مقياس جانبًا معيّنًا من سرعة تحميل الصفحة.
تعرض تقارير Lighthouse "وقت الاستجابة المقدر للإدخال" بالمللي ثانية:
ماهية وقت الاستجابة المقدّر للإدخال
إنّ "وقت الاستجابة المقدر للإدخال" هو تقدير للمدة التي يستغرقها تطبيقك للاستجابة للبيانات التي أدخلها المستخدم أثناء فترة تحميل الصفحة التي تبلغ 5 ثوانٍ الأكثر انشغالاً. يبدأ توقيت عملية التدقيق هذه من سرعة عرض أوّل محتوى مفيد على الصفحة إلى نهاية عملية التتبُّع، أي بعد 5 ثوان تقريبًا من وقت التفاعل. في حال كان وقت الاستجابة أكثر من 50 ملي ثانية، قد يعتبر المستخدمون تطبيقك بطيء.
يوصي نموذج أداء RAIL باستجابة التطبيقات لإدخال المستخدم في غضون 100 ملّي ثانية، في حين تبلغ نتيجة هدف وقت الاستجابة المقدّر للإدخال في Lighthouse 50 مللي ثانية. ما سبب ذلك؟ تستخدم أداة Lighthouse مقياس الخادم الوكيل، وهو مدى توفّر سلسلة التعليمات الرئيسية، لقياس مدى استجابة تطبيقك للبيانات التي أدخلها المستخدم.
تفترض أداة Lighthouse أنّ تطبيقك يحتاج إلى 50 ملي ثانية للاستجابة بشكل كامل للبيانات التي أدخلها المستخدم (بدءًا من تنفيذ أي عمليات تنفيذ JavaScript وصولاً إلى عرض وحدات البكسل الجديدة فعليًا على الشاشة). إذا كانت سلسلة التعليمات الرئيسية غير متاحة لمدة 50 ملي ثانية أو أكثر، لن يترك ذلك وقتًا كافيًا لتطبيقك لإكمال الاستجابة.
سيواجه حوالي 90% من المستخدمين مقدار وقت استجابة الإدخال الذي تم الإبلاغ عنه في Lighthouse أو أقل. يمكن أن يتوقع 10% من المستخدمين زيادة وقت الاستجابة.
كيفية تحسين نتيجة وقت الاستجابة المقدّر للإدخال
للاستجابة بشكل أسرع لإدخال المستخدم، عليك تحسين طريقة عمل الرمز في المتصفح. يمكنك الاطّلاع على سلسلة التقنيات الموضحة في صفحة أداء العرض على Google. وتتراوح هذه النصائح بين إلغاء تحميل العمليات الحسابية إلى العاملين على الويب وإخلاء مساحة على سلسلة التعليمات الرئيسية، وإعادة ضبط أدوات اختيار لغة CSS لإجراء عمليات حسابية أقل، واستخدام خصائص CSS التي تقلِّل من العمليات التي تستهلك قدرًا كبيرًا من بيانات المتصفّح.
كيفية قياس وقت الاستجابة المقدّر للإدخال يدويًا
لقياس وقت الاستجابة المقدّر للإدخال يدويًا، يمكنك تسجيلاً باستخدام المخطط الزمني في "أدوات مطوري البرامج في Chrome". راجِع القيام بأعمال أقل في سلسلة التعليمات الرئيسية للحصول على مثال على سير العمل. إنّ الفكرة الأساسية هي بدء تسجيل، وتنفيذ البيانات التي تريد قياسها، وإيقاف التسجيل، ثم تحليل الرسم البياني الشعيري للتأكُّد من اكتمال جميع مراحل مسار وحدات البكسل في غضون 50 ملي ثانية.