TTI چیست و چگونه آن را بهبود دهیم؟
تی تی آی (TTI) Time To Interactive یا زمانی برای تعامل است. همیشه نرخ لود یا بارگذاری سایت مورد توجه قرار میگیرد، اما نکته مهم آن است که چقدر به لود درست محتوا، تصاویر و بخش های مختلف سایت اهمیت داده شده است.
اگر عملکرد سایت در زمان بارگذاری خوب نباشد، هرچقدر سرعت وب سایت بالا باشد فایده ای نخواهد داشت. در اینجا بحث بر سر آن است که این دو مورد تجربه کاربری از عملکرد وب سایت و سرعت لود آن هر دو با هم بهبود یابند و در نتیجه تعامل وب سایت با کاربران نیز افزایش یابد.
اگر همه تمرکز مسئولین وب سایت بر روی سرعت باشد، از نحوه عملکرد غافل خواهند شد و نتیجه خوبی نخواهد داشت. این مطلب چیزی از اهمیت سرعت سایت کم نمی کند، بلکه همچنان به عنوان یک مولفه مهم باید دائما بررسی و نتایج بهتر شود.
اما در کنار خدمات سرعت سایت باید به عملکرد درست سایت که در نتیجه باعث تعامل بیشتر کاربر می شود نیز توجه ویژه داشت. در ادامه برای آنکه دقیقا ً بدانید TTI چیست و چگونه آن را بهبود دهیم توضیحات مفصل تری ارائه خواهیم کرد.
TTI چیست و چرا سرعت بالای سایت می تواند برای تجربه کاربری بد باشد؟
TTI (Time to Interactive) یا زمانی برای تعامل است. این زمان مقدار زمانی که صرف کامل شدن صفحه می شود تا کاربر به تعامل با صفحه برسد. تعامل کاربر با صفحه شامل سه مورد مهم می شود:
- صفحه محتوای فاخری را نمایش دهد که ارزش وقت گذاشتن را داشته باشد.
- مدریت رویدادها برای بیشتر بخش های صفحه که قابل دیدن هستند، ثبت شوند. مدیریت رویداد ها همان Event Handler هستند.
- در نهایت صفحه در طول 50 میلی ثانیه قادر به پاسخگویی به تعاملات کاربر باشد.
نکته : TTI پس از FCP ایجاد می گردد.FCP (First Contentful Paint) معیاری برای محاسبه زمانی است که نمایش محتوای یک صفحه از سایت شروع می شود. پس از آن TTI وجود دارد و چنانچه مقدار زمانی بین این دو معیار زیاد باشد مشکلات زیادی بوجود می آید.
بنابراین اگر فاصله زمانی بین این دو آیتم TTI و FCP کاهش یابد، تعامل پذیری سایت بالا رفته و تجربه کاربری ارتقا می یابد. در واقع کاهش TTI سبب بهبود FCP نیز می شود.
در ضمن زمانی که یک کاربر بر روی یک دکمه کلیک می کند، یک رویداد رخ می دهد و وب سایت باید پاسخ گوی این رویداد باشد که به آن Event Handler می گوییم. مدیریت رویدادها همان اسکریپت هایی هستند که در صورت رخداد یک رویداد، بطور خودکار اجرا می گردند.
نکته مهم دیگر اینکه برای ارائه یک تجربه کاربری خوب باید به تعامل های کاربر، در زیر 50 ثانیه جواب داد. البته به دلیل وظایف طولانی (Long Task) این کار مقداری سخت خواهد بود. شما کابران عزیز میتوانید برای آشنایی بیشتر با مفاهیم کاربردی سرعت وب سایت، دوره آموزش افزایش سرعت سایت وردپرسی دی ام سئو را مشاهده نمایید.
مفهوم Time to Interactive چیست؟
زمان تعامل یا Time to Interactive، زمانی است که طول می کشد، یک صفحه بارگذاری شود، همه بخش ها در جای خود باشند. در این حالت کاربر دکمه هایی که جهت تعامل در صفحه قرار داده شده اند را می بینید و کلیک می کند و یا با بخش های دیگر ارتباط برقرار می کند.
این ارتباط باید در سریع ترین زمان ممکن اتفاق بی افتد. کاربران فقط در صورتی در صفحه باقی می مانند و شروع به تعامل می کنند که محتوای آن صفحه ارزشمند باشد و ارزش تعامل داشته باشد.
آستانه TTI
طی یک استانداردی اعلام می شود که مقدار ماکزیمم TTI، باید 3800 میلی ثانیه باشد. چنانچه این مقدار بیشتر باشد. کاربر شروع به تعامل نمی کند و در نهایت زودتر از حد ممکن از سایت خارج می شود. بنابراین نرخ پرش نیز افزایش می یابد و منجر به افت رتبه سایت می شود. آستانه بهترین و بدترین TTI کمتر از 3800ms و بیش از 4200ms است.
تاثیر TTI بر روی امتیاز عملکرد یک وبسایت
معیار TTI، بطور تقریبی حدود 15% از مقدار عملکرد وب سایت را به خودش اختصاص می دهد. بنابراین اگر این مقدار را به کمتر از 3800 میلی ثانیه برسانیم، تجربه کاربر را بهبود می بخشیم و در نتیجه سئوی سایت بهتر پیش خواهد رفت. مقدار بین 3800 میلی ثانیه تا 4200 میلی ثانیه نیاز به بهبود خواهد داشت.
چنانچه این مقدار بیش از 4200 میلی ثانیه باشد اوضاع خیلی خراب است و وبسایت نیاز به توجه و بهینه سازی اساسی دارد. استفاده از Lighthouse Audit Google chrome، بهترین تکنیک جهت شناسایی سریع عوامل افزایش TTI است.
کجا می توانیم Lighthouse Audit Google chrome را ببینیم؟
در ابتدا، در کروم وارد بخش پرفورمنس پنل (Performance Panel) شوید. صفحه مورد نظر را پیداکنید و روی آن کلیک راست کنید. آیتم Inspect را انتخاب کنید. بخش Performance را بیابید و روی Reload کلیک کنید. صفحه ای که توسط کروم نمایش داده می شود عملکرد آن صفحه را به ما نشان می دهد.
زمان لود و تعامل
جالب است در اینجا با یک اصطلاح دیگر آشنا شوید، کلیک های خشمگین. زمانی که امکان تعامل صفحه پایین می آید و کاربر با کلیک روی یک بخش به نتیجه دلخواه نمی رسد، ممکن است بطور پی در پی کلیدهایی را بفشارد که به آن کلیک های خشمگین یا غضب آلود می گوییم.
به تاخیر افتادن قابلیت استفاده از صفحه سبب ایجاد چنین پیامدهایی است. بنابراین به زمان لود و تعامل هر دو باید به یک اندازه توجه کرد. گاهی عملکرد یک سایت از سرعت آن بهتر است و گاهی سرعت سایت از عملکرد آن، که در هر دو حالت سبب تجربه کاربری بد می شود.
در واقع بین FCP و TTI یک سری تسک هایی (TASK) اتفاق می افتد که این چرخه را باید تا حد امکان کم کرد.
چه عواملی باعث کندی TTI می شود؟
یکی از مهم ترین دلایل کندی TTI مقادیر زیاد JavaScript است. تسک های طولانی زمان زیادی را به خود اختصاص می دهند در صورتیکه شاید اتفاق افتادن آنها در زمان تعامل چندان هم ضروری نرسد اما در مرورگرها قطع نمی شوند. بنابراین اگر تسک های طولانی را بیابیم می توانیم آنها را بهینه سازی کنیم و TTI به شکل قابل توجهی بهبود می یابد.
چطور تسک های طولانی را بیابیم؟
Chrome Dev Tools اطلاعات مربوط به تسک های طولانی را در اختیار شما قرار میدهد. برای یافت این تولز، به صفحه ای بروید که برای شما مسئله ساز شده است. روی صفحه کلیک راست نمایید و گزینه Inspect را انتخاب کنید.
روی Performance کلیک کنید، سپس دکمه Reload را کلیک کنید. در قسمت Main نوار خاکستری رنگ Task را خواهید دید که نشان دهنده Task های طولانی مدت هستند.
راه کارهای بهبود TTI وب سایت های شما
بدلیل وجود جاوا اسکریپت ها، امکان بهینه سازی TTI دشوار می باشد. چنانچه JS را بهبود بخشیم به بهبود TTI نیز کمک خواهیم کرد. راه هایی که برای بهینه کردن JS وجود دارد عبارتند از :
-
تقسیم کد:
چنانچه بین کدها فقط کدی که کاربران به آن نیاز دارد بارگذاری شود، تجربه کاربران بهبود خواهد یافت. در این صورت همه JS ها همزمان بارگذاری نخواهند شد.
-
کوچک و فشرده سازی:
کوچک سازی اندازه فایل کد نیز نتیجه مطلوبی خواهد داد به این کار فشرده سازی کدها نیز گفته می شود. در صورتیکه خود قادر به فشرده سازی نیستید می توانید از متخصصان این امر کمک بگیرید.
-
تاخیر یا حذف اسکریپت های غیر مهم:
اولویت بندی اسکریپت ها سبب حذف اسکریپت های تبلیغاتی و پاپ آپ ها می شود و این خود صرفه جویی زیادی در زمان تعامل خواهد کرد.
-
استفاده از web worker:
اسکریپت ها را بدون تاثیر بر Main Thread اجرا کنید.
-
ارائه حداقل درخواست ها:
تعداد درخواست ها را برای برنامه مورد نظر، به حداقل برسانید. بنابراین منابع کلیدی به سرعت بیشتری برای بارگذاری خواهند رسید.
-
استفاده از resource hint ها:
دریافت پر سرعت منابع از Preconnect ها و dns-prefetch
نتیجه
یکی از معیارهای سنجش وضعیت تعامل TTI است که به حس تجربه خوب کاربر از تعامل با سایت بر می گردد. آنچه مهم است این است که هم سرعت سایت و هم زمان تعامل کاربر با وب سایت هر دو به یک اندازه اهمیت دارند.
مقدار این TTI باید کمتر از 3800 میلی ثانیه باشد و در صورتیکه بین 3800 تا 4200 میلی ثانیه باشد باید بهبود یابد و در صورتیکه بیش از 4200 میلی ثانیه باشد باید در رفع این مشکل اقدامات اساسی انجام داد. بنابراین باید تعادل خوبی بین سرعت بارگذاری سایت و سرعت تعامل کاربر وجود داشته باشد. تیم دی ام سئو با استفاده از نیروهای متخصص وب سایت ها می تواند این مشکل را از سایت شما حذف کند، هم مشاوره و هم به صورت عملی مشکلات سایت خود را به این تیم بسپارید تا در اسرع وقت به نتیجه های عالی دست یابید.
دیدگاهتان را بنویسید