13-04-2022, 17:47

Ümumi Bloklama Vaxtı (TBT) nədir?

Bloq

Ümumi Bloklama Vaxtı (TBT) nədir? sual, Core Web Vitals dəstinə daxil olmasa da, veb sayt sahiblərinin faydalana biləcəyi vacib ölçülərdən birinə yol açır.

Məlum olduğu kimi, veb səhifələrin performansını qiymətləndirərkən Core Web Vitals (LCP, FID, CLS) və Non-Core Web Vitals (TBT, FCP, SI, TTI) ölçülərindən istifadə olunur. Bu ölçülərdən TBT və FID; internet səhifələrinin cavab reaksiyası qiymətləndirilərkən ön plana çıxır.

TBT-nin nə demək olduğunu, necə ölçüldüyünü, niyə vacib olduğunu və nəyə təsir etdiyini bilmək istifadəçi təcrübəsinə əsaslanan səylərinizi daha mənalı edəcək.

Total Blocking Time (TBT) Nədir?

Ümumi Bloklama Vaxtı və ya Toplam Bloklama Vaxtı mənasını verən TBT (Total Bloklama Vaxtı), veb səhifənin yüklənməsi zamanı kliklər və ya klaviatura düymələri ilə edilən istifadəçi daxiletmələrinə cavab verməsi üçün lazım olan ümumi vaxtı millisaniyələrlə ölçən bir metrikdir.

Brauzerlər; O, HTML-ni təhlil etmək, DOM-u göstərmək, CSS, jаvascript-i yerinə yetirmək və istifadəçi daxiletməsini emal etmək üçün əsas ipdən istifadə edir. İstənilən anda, uzun bir tapşırıq baş verərsə (50 ms-dən çox vaxt aparan bu tapşırıqların hər hansı biri uzun iş hesab olunur), əsas mövzu bloklanacaq. Bu halda, brauzer dayandıra bilməz, tapşırığı dayandıra bilməz; tamamlanana qədər istifadəçi daxilinə cavab verilmir. Digər tapşırıqlar işlədiyi üçün brauzer istifadəçi daxiletməsinə cavab verə bilmədikdə, istifadəçi bunu gecikmə kimi qəbul edir.

Xülasə, düyməyə basdığınız zaman səhifə cavab vermir, axtarış formasını doldurmaq istəyərkən səhifədə gecikmə aşkarlanır və s. 50 ms-dən sonra keçən vaxt “bloklama” sayılır. TBT istifadəçinin səhifənizlə əlaqə saxlamasına mane olan TOTAL vaxtı ölçür.

İdeal Ümumi Bloklama Vaxtı Nə qədərdir?

Yüksək TBT dəyərləri veb saytın istifadəçi təcrübəsini düzəltmək üçün lazım olduğu qədər tez cavab vermədiyini göstərir.

aşağı TBT balı; Bu o deməkdir ki, səhifə hazır və cavabdehdir ki, ziyarətçilər baxarkən qarşılıqlı əlaqə qura bilsinlər.

Səhifə yükləmə sürətlərini optimallaşdırarkən, daha sürətli istifadəçi təcrübəsi əldə etmək üçün TBT-ni mümkün qədər azaltmaq vacibdir. Google-a görə, 300 ms-dən aşağı bir TBT dəyəri əldə etməyə çalışmanız vacibdir.

TBT necə hesablanır?

İnteraktiv səhifəni təqdim etmək üçün brauzer serverdən gələn cavabı tədricən şərh edir. O, HTML kodunu yükləyir və təhlil edir, CSS və jаvascript-i gətirir və sonra skriptləri qiymətləndirir. Bütün bunlar əsas mövzunu bloklaya bilər və səhifənin istifadəçi girişinə cavab verməməsinə səbəb ola bilər. Əsas mövzunu 50 millisaniyədən çox məşğul saxlayan tapşırıq "uzun tapşırıq" hesab olunur, lakin FCP və TTI arasında hər bir uzun tapşırığın bloklanma vaxtının cəmi TTB və ya Ümumi Bloklama Vaxtını verir.

TBT dəyəri First Contentful Paint (FCP) və Time to Interactive (TTI) arasındakı bütün uzun tapşırıqların cəmlənməsi ilə hesablanır.

50 ms Google-un TBT üçün təyin etdiyi vaxtdır, çünki o, RAIL modelinə əsaslanır. Tapşırıqların sayına əsasən, RAIL modeli güman edir ki, əgər proqram 50 ms-də işləyirsə, siz əvvəlki tapşırıqların tuta biləcəyi əlavə 50 ms vaxtı nəzərə almalısınız.

Tapşırığın icrası 80 ms çəkirsə, həmin vaxtın 30 ms-i TBT-yə əlavə olunur. Tapşırığın icrası 45 ms çəkirsə, TBT-yə 0 ms əlavə olunur.

Ümumi Bloklama Vaxtı FID-in laboratoriya məlumatlarına bərabərdir, həmçinin İlk Giriş Gecikməsi kimi tanınır və İlk Məzmunlu Boya ilə İnteraktivliyə qədər vaxt arasındakı vaxtı ölçür.

Ümumi Bloklama Vaxtı (TBT) Niyə Vacibdir?

TBT-nin əhəmiyyəti ondan ibarətdir ki, siz onu optimallaşdırdığınız zaman vebsaytınızın cavab reaksiyasını effektiv təkmilləşdirməyə imkan verir. Çünki əsas başlıq bloklanırsa, səhifəniz ekran klikləri, klaviatura hərəkətləri və ya siçan klikləri kimi istifadəçi daxiletmələrinə cavab verə bilməyəcək.

TBT dəyərinizi yaxşılaşdırsanız, indi rəsmi olaraq sıralama faktoru kimi istifadə edilən İlk Giriş Gecikməsi dəyərini də (FID) yaxşılaşdırmış olursunuz. vebsaytda, məsələn, naviqasiya çubuğundakı nişanlardan birinə basdığınız zaman saytın cavab verməsi 100 millisaniyədən az vaxt aparır. Yüksək FID dəyəri çox vaxt ağır jаvascript icrasının nəticəsidir.

Ümumi Bloklama Vaxtını (TBT) necə optimallaşdırmaq olar?

Ziyarətçi uzun bir tapşırıq zamanı səhifə ilə əlaqə qurarsa, brauzer əvvəlki tapşırığı bitirmədən cavab verə bilməyəcəyi üçün ziyarətçi pis istifadəçi təcrübəsindən əziyyət çəkəcək. Çox vaxt lazımsız jаvascript-in yüklənməsi, təhlili və icrası uzun müddət çəkə biləcək əsas vəzifələrdir. Kodu silməklə və ya bölməklə TBT xalınızı azalda bilərsiniz. Bundan əlavə;

• səhifə tərəfindən edilən sorğuların ümumi sayının azaldılması,
• daha az xarici CSS resurslarından və jаvascript kitabxanalarından istifadə etməklə,
• şəkilləri səhifəyə yükləməzdən əvvəl onları daha kiçik ölçüyə optimallaşdırmaq,
• skriptlərin səhifənin yuxarısında deyil, aşağısında yüklənməsini təmin etmək,
• CDN-dən istifadə etmək tövsiyə olunur.

Bütün brauzerlərdə hansı səhifə məzmununun ilk olaraq göstərilməli olduğunu müəyyən etmək üçün səmərəli alqoritm var. Bununla belə, tərtibatçılar TBT-ni azaltmaq üçün daxili və ya müəyyən aktivləri təxirə salmaqla bu prosesə təsir göstərə bilərlər. Google Chrome-da jаvascript-in təxirə salınmasını söndürən bir seçim də var ki, tərtibatçılar TBT üzərində maksimum nəzarətə sahib olsunlar.

CSS-nin daxil edilməsi stil məlumatını ayrı bir fayl kimi kənarda saxlamaq əvəzinə, birbaşa səhifənin HTML koduna əlavə etmək deməkdir. Xarici üslub vərəqləri üzərində daxili göstərmənin üstünlükləri arasında səhifələrin daha sürətli yüklənməsi və təkrarlanan üslub məlumatı üçün HTTP sorğularının azaldılması daxildir.

Bununla belə, bir səhifəyə həddən artıq çox CSS daxil etmək HTML elementlərinin etibarsız olmasına, zədələnməsinə və birdən çox məlumat işləndikdə göstərmə problemlərinə səbəb ola bilər. Həmçinin, yadda saxlayın ki, CSS seçiciləri brauzer onları təhlil edərkən göstərilməsini ləngidə bilər.

İstifadə edilməmiş CSS və jаvascript-in silinməsi səhifənizin yüklənmə müddətlərini şişkinlikdən qoruyacaq. jаvascript-i bütövlükdə optimallaşdırmaq ümumi bloklama vaxtınıza birbaşa təsir edir.

Həm də qeyd etmək lazımdır ki, hər hansı üçüncü tərəf xidmətini veb saytınıza inteqrasiya etmək lazım olduqda, bu skriptlər mümkün qədər səmərəli şəkildə optimallaşdırılmaya bilər.

Əslində vizuallar mövzunun özünü bloklamır, lakin onlar bant genişliyini qoruya və TBT-yə daha çox təsir edən skriptlərin yükləmə sürətinə təsir göstərə bilər. Buna görə də vizuallara diqqət yetirməyiniz vacibdir.

Ümumi Bloklama Vaxtı (TBT) ilə Qarşılıqlı Fəaliyyət Vaxtı (TTI) arasındakı fərq nədir?

Təxminən eyni şeyi etmələrinə baxmayaraq, TBT və TTI iki fərqli ölçüdür. Qarşılıqlı əlaqə vaxtı (TTI) veb səhifənin istifadəçi üçün tam interaktiv olması üçün tələb olunan vaxtdır. İstifadəçi veb səhifə yüklənərkən onunla qarşılıqlı əlaqə yaratmağa çalışdıqda, əsas mövzu elementləri təhlil etmək və göstərməklə məşğul olduğu üçün gecikmələr olur. TBT bu gecikmələrin istifadəçi təcrübəsinə təsirini ölçmək üçün nəzərdə tutulmuşdur.

TTI səhifəniz tam interaktiv olduqda siqnal verir. TBT sizə hansı jаvascript tapşırıqlarının icrasının ən uzun sürdüyünü görməyə imkan verir.

İstənilən veb-səhifənin interaktiv hesab edilməsi üçün aşağıdakılar tələb olunur:

• Səhifə faydalı məzmunu, yəni First Contentful Paint (FCP) göstərir.
• Hadisə idarəçiləri görünən səhifə elementlərinin əksəriyyəti üçün qeydiyyatdan keçmişdir.
• Səhifə 50 ms ərzində istifadəçi qarşılıqlı əlaqəsinə cavab verir.

Ümumi Bloklama Vaxtı (TBT) və İlk Giriş Gecikməsi (FID) arasındakı fərq nədir?

İlk giriş gecikməsi (FID); Bu, saytınızın istifadəçi girişinə nə qədər tez cavab verdiyini ölçür. Ümumi Bloklama Vaxtı (TBT), digər tərəfdən, əsas mövzuda uzun müddət davam edən tapşırıqların səhifənin istifadəsinə mane olub-olmadığını ölçür. FID real istifadəçi tələb edir və buna görə də laboratoriyada ölçülə bilməz. Bununla belə, ümumi inhibə müddəti (TBT) laboratoriyada ölçülə bilər.

FID, ziyarətçinizin saytınızın cəlb edilməsi və cavabdehliyi haqqında ilk təəssüratının yaxşı göstəricisidir. Yaxşı bir FID balı, oxucunun saytınızda qalma və daha çox məzmun istehlak etmək üçün geri qayıtma ehtimalının daha yüksək olduğunu bildirir. Çünki hamı sürətli və cavab verən saytları sevir.

TBT veb-səhifənin cavabsızlığını ölçəndə bunu istifadəçinin heç bir girişi olmadan edir və əsas mövzunu bloklayan bütün uzun tapşırıqları ümumiləşdirir.

Bloklanmanın Ümumi Müddəti (TBT) və Qarşılıqlı Fəaliyyət Vaxtı (TTI) kimi göstəricilər FID-ə təsir edəcək potensial qarşılıqlı əlaqə məsələlərini tutmaq və diaqnostika etmək üçün vacib laboratoriya ölçüləridir. Bununla belə, onlar Core Web Data kimi tanınan Core Web Vitals dəstinə daxil edilmir, çünki onlar sahədə ölçülə bilməz və istifadəçi mərkəzli nəticəni əks etdirmir.

Kodu bölmək və uzun tapşırıqlarınızı bölmək kimi addımlar FID dəyərini nəzərəçarpacaq dərəcədə yaxşılaşdıracaq. TBT sahənin ölçülməsi olmasa da, həm Qarşılıqlı Təsir Zamanını (TTI) həm də FID-i yaxşılaşdırmaq üçün faydalıdır.

jаvascript ölçüsünün şişməsi, ağır icra müddətləri və səmərəsiz yığma FID, TBT və TTI-yə təsir edərək, istifadəçi daxiletmələrinə səhifənin reaksiyasını ləngidə bilər. Bu nöqtədə kodun və funksiyaların tədricən yüklənməsi işləyə bilər.

Xülasə

Ümumi Bloklama Vaxtı (TBT) səhifə yükləmə sürətini optimallaşdırarkən nişanlanmaya təsir edən problemləri tutmaq üçün istifadə edilən bir metrikdir. Bununla belə, o, Core Web Data kimi tanınan Core Web Vitals dəstinə daxil edilmir, çünki o, sahədə ölçülə bilməz və istifadəçi mərkəzli nəticəni əks etdirmir.