تأخیر ورودی تخمینی

تأخیر ورودی تخمینی یکی از شش معیاری است که در بخش عملکرد گزارش Lighthouse ردیابی شده است. هر متریک جنبه ای از سرعت بارگذاری صفحه را نشان می دهد.

گزارش Lighthouse تأخیر ورودی تخمینی را در میلی ثانیه نشان می دهد:

تصویری از ممیزی تأخیر ورودی تخمینی Lighthouse

تأخیر ورودی تخمینی چه اندازه می گیرد

تأخیر ورودی تخمینی تخمینی است از مدت زمانی که برنامه شما طول می کشد تا به ورودی کاربر در شلوغ ترین پنجره 5 ثانیه ای بارگیری صفحه پاسخ دهد. زمان این ممیزی از First Meaningful Paint تا انتهای Trace است که تقریباً 5 ثانیه پس از Time to Interactive است. اگر تأخیر شما بیشتر از 50 میلی‌ثانیه باشد، کاربران ممکن است برنامه شما را تاخیری درک کنند.

مدل عملکرد RAIL توصیه می کند که برنامه ها به ورودی کاربر در عرض 100 میلی ثانیه پاسخ دهند، در حالی که امتیاز هدف تأخیر ورودی تخمینی Lighthouse 50 میلی ثانیه است. چرا؟ Lighthouse از یک متریک پراکسی (در دسترس بودن رشته اصلی) برای اندازه‌گیری میزان پاسخگویی برنامه شما به ورودی کاربر استفاده می‌کند.

Lighthouse فرض می کند که برنامه شما به 50 میلی ثانیه نیاز دارد تا به ورودی کاربر پاسخ کامل دهد (از اجرای هر گونه اجرای جاوا اسکریپت گرفته تا نقاشی فیزیکی پیکسل های جدید روی صفحه). اگر رشته اصلی شما به مدت 50 میلی ثانیه یا بیشتر در دسترس نباشد، زمان کافی برای تکمیل پاسخ برای برنامه شما باقی نمی ماند.

تقریباً 90٪ از کاربران با میزان تاخیر ورودی گزارش شده Lighthouse یا کمتر مواجه می شوند. 10 درصد از کاربران می توانند انتظار تاخیر بیشتری داشته باشند.

چگونه نمره تأخیر ورودی تخمینی خود را بهبود بخشید

برای اینکه برنامه شما سریعتر به ورودی کاربر پاسخ دهد، نحوه اجرای کد خود را در مرورگر بهینه کنید. مجموعه‌ای از تکنیک‌های ذکر شده در صفحه عملکرد رندر Google را بررسی کنید. این نکات از بارگذاری محاسبات به وب‌کارگرها برای آزاد کردن رشته اصلی، تا تنظیم مجدد انتخابگرهای CSS برای انجام محاسبات کمتر، تا استفاده از ویژگی‌های CSS که میزان عملیات فشرده مرورگر را به حداقل می‌رساند، متغیر است.

نحوه اندازه گیری تأخیر ورودی تخمینی به صورت دستی

برای اندازه‌گیری تأخیر ورودی تخمینی به‌صورت دستی، یک ضبط با خط زمانی Chrome DevTools انجام دهید. برای مثالی از گردش کار ، به انجام کمتر کار با موضوع اصلی مراجعه کنید. ایده اصلی این است که ضبط را شروع کنید، ورودی کاربر را که می‌خواهید اندازه‌گیری کنید، انجام دهید، ضبط را متوقف کنید، و سپس نمودار شعله را تجزیه و تحلیل کنید تا مطمئن شوید که تمام مراحل خط لوله پیکسل در عرض 50 میلی‌ثانیه کامل شده‌اند.

منابع