Time to Interactive (TTI) یک معیار آزمایشگاهی برای اندازه گیری پاسخگویی بار است. این به شناسایی مواردی کمک می کند که صفحه ای تعاملی به نظر می رسد اما در واقع اینطور نیست. یک TTI سریع به اطمینان از قابل استفاده بودن صفحه کمک می کند.
TTI چیست؟
متریک TTI زمان شروع بارگیری صفحه تا زمانی که منابع فرعی اصلی آن بارگیری شده اند را اندازه گیری می کند و می تواند به سرعت به ورودی کاربر به طور قابل اعتماد پاسخ دهد.
برای محاسبه TTI بر اساس ردیابی عملکرد یک صفحه وب، مراحل زیر را دنبال کنید:
- از First Contentful Paint (FCP) شروع کنید.
- در زمان برای یک پنجره ساکت حداقل پنج ثانیه ای جستجو کنید، که در آن پنجره آرام به این صورت تعریف می شود: بدون کار طولانی و حداکثر دو درخواست GET شبکه در حین پرواز.
- آخرین کار طولانی را قبل از پنجره ساکت به عقب جستجو کنید، اگر کار طولانی پیدا نشد در FCP متوقف شوید.
- TTI زمان پایان آخرین کار طولانی قبل از پنجره آرام است (یا همان مقدار FCP در صورت یافتن هیچ کار طولانی).
نمودار زیر باید به تجسم مراحل بالا کمک کند:
از لحاظ تاریخی، توسعهدهندگان صفحات را برای زمانهای رندر سریع بهینهسازی کردهاند، که گاهی اوقات به قیمت TTI تمام میشود.
تکنیکهایی مانند رندر سمت سرور (SSR) میتواند منجر به سناریوهایی شود که در آن یک صفحه تعاملی به نظر میرسد (یعنی پیوندها و دکمهها روی صفحه قابل مشاهده هستند)، اما در واقع تعاملی نیست زیرا رشته اصلی مسدود شده است یا کد جاوا اسکریپت که آنها را کنترل میکند. عناصر بارگیری نشده است
وقتی کاربران سعی می کنند با صفحه ای تعامل کنند که به نظر تعاملی می رسد اما در واقع اینطور نیست، احتمالاً به یکی از دو روش پاسخ می دهند:
- در بهترین حالت، آنها از اینکه صفحه به کندی پاسخ میدهد اذیت میشوند.
- در بدترین حالت، آنها فرض میکنند که صفحه خراب است و احتمالاً آن را ترک میکنند. آنها حتی ممکن است اعتماد یا اعتماد خود را نسبت به ارزش برند شما از دست بدهند.
برای جلوگیری از این مشکل، تمام تلاش خود را برای به حداقل رساندن تفاوت بین FCP و TTI انجام دهید. و در مواردی که تفاوت قابل توجهی وجود دارد، از طریق نشانگرهای بصری مشخص کنید که اجزای صفحه شما هنوز تعاملی نیستند.
نحوه اندازه گیری TTI
TTI معیاری است که به بهترین وجه در آزمایشگاه اندازه گیری می شود. بهترین راه برای اندازه گیری TTI، اجرای ممیزی عملکرد Lighthouse در سایت شما است. برای جزئیات استفاده به مستندات Lighthouse در مورد TTI مراجعه کنید.
ابزار آزمایشگاهی
نمره TTI خوب چیست؟
برای ارائه یک تجربه کاربری خوب، سایتها باید تلاش کنند تا زمانی که روی سختافزار متوسط موبایل آزمایش میشوند، زمان تعامل کمتر از ۵ ثانیه داشته باشند.
برای جزئیات بیشتر در مورد اینکه چگونه TTI صفحه شما بر امتیاز عملکرد Lighthouse شما تأثیر می گذارد، ببینید Lighthouse چگونه امتیاز TTI شما را تعیین می کند .
نحوه بهبود TTI
برای یادگیری نحوه بهبود TTI برای یک سایت خاص، میتوانید ممیزی عملکرد Lighthouse را اجرا کنید و به فرصتهای خاصی که ممیزی پیشنهاد میکند توجه کنید.
برای یادگیری نحوه بهبود TTI به طور کلی (برای هر سایت)، به راهنمای عملکرد زیر مراجعه کنید: