Time to Interactive (TTI) nədir? Necə Təkmilləşdirmək olar?

Bloq

Veb saytın performansına təsir edə biləcək problemlərin diaqnostikası üçün istifadə olunan ölçüləri başa düşməyə çalışırsınız. İnteraktivləşmə vaxtı nədir (TTI)? Sualın cavabları ilə onlar bəzi vacib detalları görə bilərlər.

Veb sayt sahibləri məzmunu mümkün qədər tez çatdırmağı hədəfləməlidirlər, çünki əksər insanlar üçün veb saytın performansı ziyarətçilərə məzmun təqdim etmə sürətinə bərabərdir. Bununla belə, yalnız yükləmə sürətinə diqqət yetirmək və istifadəçi təcrübəsini laqeyd etmək açıq-aydın arzuolunan deyil. Bu, sıçrayış nisbətlərinin artmasına və aşağı çevrilmə dərəcələrinə gətirib çıxarır.

Qarşılıqlı təsir vaxtı (TTI) nədir?

Bəzi sürətli veb-saytların uğursuzluğu onların məzmuna dərhal xidmət göstərmələri, lakin bir müddət maraqsız və əlçatmaz qalması ilə bağlıdır.

İnteraktivləşmə vaxtı (TTI) veb səhifənin yükləndikdən sonra tam interaktiv olması üçün lazım olan vaxtı ölçən performans göstəricisidir.

Bu metrikanı ölçərkən PageSpeed ​​​​Insights-ın istifadə etdiyi üç kriteriyanı aşağıdakı kimi sadalaya bilərik:

  • Səhifədə faydalı məzmun göstərilir.
  • Hadisə idarəçiləri ən çox görünən səhifə elementləri üçün qeydə alınır (İstifadəçinin düyməni basması "hadisədir", hadisə idarəediciləri hadisə baş verən zaman avtomatik icra olunan skriptlərdir. Veb saytınızın hadisə idarəçiləri lazımi nəticələri çıxararaq hadisəyə cavab verir).
  • Səhifə 50 millisaniyə ərzində istifadəçi qarşılıqlı əlaqəsinə cavab verir (50 ms ərzində istifadəçi qarşılıqlı əlaqəsinə cavab vermək istifadəçi təcrübəsini təmin etmək üçün çox vacibdir, lakin buna nail olmaq asan deyil, çünki uzun tapşırıqlar əsas mövzunu bloklaya bilər və istifadəçi daxiletməsi ilə proqram arasında gecikməyə səbəb ola bilər. Bu buraxılışdan, Ümumi Bloklama Vaxtı (TBT) nədir? haqqında danışdıq , yuxarıda qeyd etdiyimiz məqaləmizdən TTI-nin TBT ilə niyə əl-ələ getdiyini başa düşə bilərsiniz, yəni ümumi bloklama vaxtı deməkdir).

Ziyarətçilərin səhifə ilə nə qədər tez əlaqə qura bildiyini ölçməklə, TTI müəyyən performans məsələlərində nasazlıqları tapmaq üçün faydalı laboratoriya göstəricisidir. O, real istifadəçi girişi olmadan simulyasiya edilmiş mühitdə ölçülür.

Qarşılıqlı təsir müddəti necə ölçülür?

Veb saytınızın TTI-ni hesablamağın ən sürətli və asan yolu Google DevTools və ya PageSpeed ​​Insights kimi alətlərdən istifadə etməkdir.

PageSeed Insights-a səhifə URL-ni daxil etdikdən sonra təqdim olunan hesabatın laboratoriya məlumatları bölməsində TTI xalını görə bilərsiniz.

TTI balını şərh edərkən aşağıdakı həddlər nəzərə alınır:

yaxşı (sürətli)

0 - 3,8 saniyə

Təkmilləşdirməyə ehtiyacı var (orta)

3,9 - 7,3 saniyə

zəif (yavaş)

7,3 saniyədən çox

Bu dəyərlər HTTP arxivindəki məlumatlara əsaslanır. Nəticələriniz verilənlər bazasındakı digər internet saytları ilə müqayisə edilir və veb saytınızın faizinə uyğun olaraq xal verilir. Məsələn, doxsan doqquzuncu faizdə çıxış edən saytlar üçün TTI təxminən 2,2 saniyədir. Beləliklə, veb saytınızın TTI göstəricisi 2,2 saniyədirsə, TTI balınız 99-dur.

Yavaş, zəif TTI, veb saytın elementlərinin yüklənərkən tez göründüyü, lakin heç bir şeyə klik edilmədiyi haldır: 7,3 saniyədən çox qarşılıqlı əlaqə müddəti sinir bozucu istifadəçi təcrübəsi yarada, vebsaytınızın cavab vermədiyini göstərə bilər və istifadəçilərin saytın işləmədiyini düşünərək səhifəni tərk edin. Bu cür hallar tez-tez əsas mövzunu bloklayaraq TTI-ni artıran üçüncü tərəf skriptlərindən qaynaqlanır.

Qarşılıqlı əlaqə vaxtına nə təsir edir? 

Pis TTI dəyərinə töhfə verən müxtəlif səbəblər olsa da, bu, adətən javascript kodu və istifadə olunmamış JS, javascript icra müddəti və üçüncü tərəf kodudur. Bu nöqtədə fayl ölçüsünü mümkün qədər azaltmaqla kodu optimallaşdırmaq vacibdir.

Uzun javascript tapşırıqları (50 ms-dən uzun bütün tapşırıqlar) TTI-ni gecikdirə bilər. Çünki səhifəni təqdim edərkən müasir brauzerlər bir çox işi yerinə yetirmək üçün əsas mövzuya güvənirlər. Ancaq uzun vəzifələr əsas mövzuda əhəmiyyətli vaxt tələb edir. Nə qədər ki, onlar davam edir, brauzerlər onları və brauzeri kəsə bilməz; daxilinə cavab verə bilməz. Əgər istifadəçi bu tapşırıqlardan biri zamanı düyməni basarsa, tapşırıq tamamlanana qədər səhifə cavab verməyəcək.

Buna görə də, uzun tapşırıqları tapmaq və optimallaşdırmaqla siz TTI balınızı əhəmiyyətli dərəcədə yaxşılaşdıra bilərsiniz. Chrome Dev Tools performans yoxlaması ilə siz səhifələrinizdə uzun tapşırıqlar haqqında məlumat əldə edə bilərsiniz, bunun üçün təhlil etmək istədiyiniz səhifənin üzərinə sağ klikləyin, "Yoxlama" seçin və "Performans" sekmesini basın. Sol tərəfdəki Yenidən yükləmə düyməsini sıxın və gözləyin.

Aşağıdakı Əsas bölmədən uzun tapşırıqları nəzərdən keçirə bilərsiniz. Kiçik qırmızı üçbucaqları görürsünüzsə, onun əsas ipdə nə qədər vaxt aparacağının üzərinə gedə bilərsiniz.

Qeyd etmək vacibdir ki, uzun vəzifələrin bölünməsi TTI daxil olmaqla, bütün tapşırıq göstəricilərini yaxşılaşdırmağa kömək edir.

İlk Giriş Gecikməsi (FID) və Qarşılıqlı Fəaliyyət Vaxtı (TTI) arasındakı fərq nədir?

TTI və FID, veb-səhifənin cəlb edilməsini ölçərkən iki görkəmli və yüksək əlaqəli ölçülərdir. Bu o deməkdir ki, birinə diqqət yetirdiyiniz zaman hər iki göstəricini təkmilləşdirmək üçün çox yaxşı şansınız var.

TTI bir səhifənin istifadəçi daxilinə cavab verməyə hazır olması üçün nə qədər vaxt lazım olduğunu ölçür, FID isə real istifadəçilər səhifə ilə əlaqə saxlamağa çalışarkən səhifənin nə qədər həssas olduğunu ölçür.

Hər iki ölçü əsas mövzunu inhisara alan uzun vəzifələrin sayını azaltmaq məqsədi daşıyır və buna görə də istifadəçi girişini emal etmək ehtimalı azdır. Çox uzun tapşırıqlarımız olduqda, səhifə daha az interaktiv hiss edəcək və bu, istifadəçi təcrübəsinə zərər verəcəkdir.

TTI laboratoriya məlumatları ilə hesablanır, FID isə real istifadəçi məlumatlarını tələb edir. Performans qiymətləndirmələrində FID-i nəzərə almaq vacibdir, çünki TTI laboratoriya göstəricisidir və real istifadəçilər laboratoriya məlumatlarının hesabat verə bilməyəcəyi problemlərlə qarşılaşa bilər.

TTI-ni necə yaxşılaşdırmaq olar?

Nişan ölçülərini (TTI, TBT və FID) optimallaşdırmaq digər ölçüləri optimallaşdırmaqdan daha çətindir. Əsas mövzu işini minimuma endirmək üçün javascript icrasını optimallaşdırmaq səhifənizi istifadəçi daxiletmələrinə cavab verəcəkdir.

TTI-ni təkmilləşdirməyin ən çox tövsiyə olunan yollarından biri skriptlərinizin yükləmə müddətini azaltmaqdır. Skriptin işlənməsi və yükləmə müddəti yüksək TTI dəyərinin əsas səbəbləridir. Buna görə istifadə olunmamış skriptləri silmək vacibdir. Brauzerin şərhinə ehtiyacı olmayan və istifadə edilməməli olan hər şey yükləmə vaxtınızdan saniyələr oğurlayır.

Kiçikləşdirmə və sıxılma kimi üsullar kod faylının ölçüsünü azaldır. Veb saytınızda heç bir JS problemi olmasa belə, kodunuzu kiçikləşdirmək və sıxışdırmaq tövsiyə olunur.

Kodun bölünməsi veb saytınızın bir anda bütün JS ilə brauzeri həddən artıq yükləmək əvəzinə, ziyarətçilərin ilk növbədə ehtiyac duyduğu kodu göndərməsini təmin edir.

Qeyri-kritik üçüncü tərəf skriptlərinin silinməsi də TTI optimallaşdırılması üçün tövsiyə olunur. Üçüncü tərəf skriptləri öz skriptlərinizin vaxtında icrasına mane ola bilər. İstifadəçiyə ən çox dəyər verdiyini düşündüyünüz skriptlərə üstünlük vermək vacibdir.

Həmçinin əvvəlcədən yükləmə ilə siz brauzerə ilk olaraq hansı resursları tapıb yükləyəcəyini söyləyə bilərsiniz. Siz link rel="preload" elementini əlavə etməklə bunu edə bilərsiniz.

Nəzərdə tutulan tətbiq üçün sorğuların sayını mümkün qədər aşağı saxladığınızdan əmin olsanız və vacib resursların yüklənməsini sürətləndirmək üçün kritik sorğuları zəncirləməkdən çəkinsəniz, o işləyəcək.

Xülasə

TTI yeni nəsil metrikdir, veb saytınızın yüksək səviyyədə istifadəçi təcrübəsi təmin etməsini təmin etmək üçün işləməli olduğunuz performans ölçmə komponentlərindən biridir.

TTI veb səhifənin tam interaktiv olması üçün lazım olan vaxtı, hər hansı istifadəçi hərəkətinə bir səhifənin cavab verməsi üçün nə qədər vaxt tələb etdiyini ölçür. Vacib laboratoriya göstəricisi olan TTI, interaktiv olmalarına baxmayaraq, interaktiv görünən səhifələri müəyyən etməyə və səhifənizin istifadəyə yararlı olub-olmadığını anlamağa kömək edir.