İlk giriş gecikməsi: bu nədir və səhifənin interaktivliyini necə yaxşılaşdırmaq olar

Elmə görə insan münasibətlərində ilk təəssüratlar cəmi 7 saniyədə formalaşır. Lakin vebsayt üçün təəssürat yaratmaq vaxtı daha da qısadır; üstəlik. Oscar Wilde desək, bizə heç vaxt “yaxşı ilk təəssürat yaratmaq üçün ikinci şans” verilmir. Bir sözlə, səhifələrin interaktivliyini ölçən və mükəmməl onlayn təcrübə təmin .Etmək üçün vacib olan İlk Giriş Gecikməsinin (FID) təkmilləşdirilməsi üzərində işləmək həmişəkindən daha vacibdir. Vitals , məsələn INP axtarış sistemində sıralama faktoru .

İlk Giriş Gecikməsi (FID) nədir

İlk Daxiletmə Gecikməsi (FID) istifadəçi mərkəzli metrikdir kio .Yüklənmənin cavabdehliyini qiymətləndirir və cavab verməyən səhifələrlə əlaqə yaratmağa cəhd edərkən istifadəçilərin təcrübəsini ölçür . Daha dəqiq desək, FID istifadəçi onunla əlaqə saxladıqdan sonra saytımızın cavab verməsi üçün lazım olan vaxtı ölçən API-dir.

Google-un bələdçisi və web.dev məlumatının izah etdiyi kimi , FID istifadəçinin səhifə ilə ilk qarşılıqlı əlaqəsi (linkə klikləmək, düyməyə toxunmaq, Xüsusi JavaScript nəzarətindən istifadə etmək) və brauzerin həqiqətən qarşılıqlı əlaqəyə cavab verməsi arasındakı vaxtı ölçür.

FID-i başa düşmək

FID-i başa düşmək üçün kiminsə qapı zəngini çalması ilə qapının cavablandırılması arasındakı vaxtın ölçülməsini təsəvvür edə bilərik. Bu gecikmənin bir çox səbəbi ola bilər: məsələn, “bəlkə də adam qapıdan uzaqdır və ya tez hərəkət edə bilmir”. Eynilə, veb-səhifələr digər tapşırıqlarla məşğul ola bilər və ya istifadəçinin cihazı yavaş ola bilər.

Əlavə olaraq, aydınlaşdırmaq lazımdır ki .FID hadisənin özünün emal müddətini və ya hadisə idarəediciləri işə salındıqdan sonra brauzerin istifadəçi interfeysini yeniləməsi üçün lazım olan vaxtı deyil, yalnız hadisələrin emalındakı “gecikməni” ölçür – istifadəçi təcrübəsinə təsir edən amillər.Lakin bu, daxil edilərsə, ” dərtibatçıları hadisələrə asinxron şəkildə cavab verməyə həvəsləndirə bilər ki, bu da ölçüləri təkmilləşdirəcək, lakin ehtimal ki, təcrübəni daha az qane edəcək.

İlk girişdə gecikmənin əhəmiyyəti

Xülasə, ilk giriş vaxtı saytın istifadəçilərə verdiyi “ilk təəssürat” kimi düşünülə bilər. Baxmayaraq ki – texniki cəhətdən – ziyarətçinin səhifə ilə ilk təəssüratını Məzmunun İlk Görünüşü (FCP) təmsil edir, “ekranda piksellərin rənglənməsi hekayənin yalnız bir hissəsidir və eynilə “İstifadəçilər qarşılıqlı əlaqə qurmağa çalışdıqda saytınız nə qədər həssas olur. bu piksellərlə vacibdir,” Google-da mühəndis Philip Walton deyir.

İnternetdə yaxşı bir ilk təəssürat, ziyarətçinin sadiq istifadəçiyə çevrilməsi və ya ayrılan və heç vaxt geri dönməyən bir istifadəçi arasında fərqi ifadə edə bilər və tezliklə o, saytın yaxşı təcrübələr yaradıb-yaratmadığını müəyyən etmək üçün rəsmi metrikaya çevriləcək, xüsusən də istifadəçinin təcrübələrini ölçmək üçün. saytın interaktivliyi və həssaslığı haqqında ilk təəssürat.

İlk Giriş Gecikməsi üzərində işləmək bizə səhifəni yükləyərkən istifadəçilərin yaşaya biləcəyi xoşagəlməz hissi idarə etməyə imkan verir və onun optimallaşdırılması yaxın gələcəkdə veb performansının müxtəlif digər aspektlərinə, eləcə də Google-da yerləşdirmə seçimlərinə müsbət təsir göstərəcək. .

FID ilə bağlı izahatlar

Philip Walton-un məqaləsi həmçinin Google-un nə üçün ilk giriş gecikməsinə vacib veb siqnalı kimi üstünlük verdiyini araşdırır – bu göstəricilər dəsti ilə bağlı əvvəlki aylarda artıq ifadə edilmiş mülahizələrdən sonra.

İlk qarşılıqlı əlaqə gecikməsi “giriş hadisəsinin qəbul edildiyi vaxt və əsas mövzunun boş olduğu vaxt” arasındakı boşluğu ölçür və beləliklə, FID hadisə dinləyicisi n qeydə alınmadığı hallarda belə ölçülür, çünki “bir çox istifadəçi qarşılıqlı əlaqəsi hadisə dinləyicisi tələb olunur, lakin işləmək üçün əsas mövzunun boş olmasını tələb edin.”

Veb səhifə yükləmə növünün müvəqqəti ardıcıllığı

Ümumiyyətlə, giriş gecikməsi (yəni daxiletmə gecikməsi) “əsas brauzer xətti başqa bir şeylə məşğul olduğu üçün “istifadəçiyə (hələ) cavab verə bilmədiyi üçün” baş verir. Bunun ümumi səbəbi brauzerinizin “tətbiqiniz tərəfindən endirilmiş böyük JavaScript faylını təhlil etmək və icra etməklə məşğul olmasıdır; bu müddət ərzində o, hadisə dinləyicisini B2B E-poçt siyahısı  işlədə bilmir, çünki endirdiyi JavaScript ona başqa bir şey etməyi əmr edə bilər.

B2B E-poçt siyahısı
FID və istifadəçi qarşılıqlı əlaqəsi

Bu şəkil (web.dev-dən, səhifədəki Tarra MPG vs mitattu MPG talvikuukausina bütün digərləri kimi) veb səhifənin yüklənməsinin tipik müvəqqəti ardıcıllığını təmsil edir: səhifə resurslar üçün bir neçə şəbəkə sorğusu edir (ehtimal ki, CSS və JavaScript faylları) və bir dəfə bu resurslar əldə edildikdən sonra endirilib, onlar əsas mövzuda işlənir. Bu, bej fəaliyyət blokları ilə göstərilən əsas mövzunun bir anlıq məşğul olduğu dövrlər yaradır.

FCP və TTI ilə son tarixlər

Tipik olaraq, First Content adb directory Paint (FCP) və Interactivity to Time (TTI) arasında ilk qarşılıqlı əlaqə zamanı uzun gecikmələr olur, çünki “səhifə öz məzmununun bir hissəsini yaratmışdır, lakin hələ də həqiqətən interaktiv deyil” və bu əlavə ilə bu digər illüstrasiya FCP və TTI-nin qrafiki bunu aydın şəkildə göstərir. Biz görürük ki, FCP və TTI arasında “müəyyən bir müddət (üç uzun fəaliyyət də daxil olmaqla) var və istifadəçi bu müddət ərzində səhifə ilə qarşılıqlı əlaqə yaratmağa çalışarsa (məsələn, bir keçidə klikləməklə), klik qəbulu ilə əsas mövzudan cavab arasında gecikmə.”

FID və istifadəçi qarşılıqlı əlaqəsi

Bu digər şəkil istifadəçi ən uzun fəaliyyətin başlanğıcına yaxın səhifə ilə qarşılıqlı əlaqə yaratmağa çalışarsa nə baş verəcəyini göstərir: Qarşılıqlı əlaqə brauzer fəaliyyəti həyata keçirərkən baş verdiyinə görə, istifadəçi siz suala cavab verməzdən əvvəl tapşırığın tamamlanmasını gözləməlidir. qarşılıqlı əlaqə. Gözləməli olduğunuz vaxt həmin səhifədə həmin istifadəçi üçün FID dəyəridir.

İlk qarşılıqlı təsirlər nədir və niyə ilk reaksiyanı nəzərdən keçiririk

FID yükləmə zamanı səhifənin reaksiyasını ölçən bir metrik olduğundan, o, yalnız kliklər, kliklər və düymə vuruşları kimi diskret hərəkətlərdən daxil olan hadisələrə diqqət yetirir, sürüşdürmə və böyütmə kimi digər Qarşılıqlı Əlaqələr isə “davamlı fəaliyyətlərdir və tamamilə fərqli performans məhdudiyyətlərinə malikdir” (və bundan əlavə, brauzerlər çox vaxt onları ayrı bir mövzuda işlətməklə gecikmələrini gizlədə bilirlər).

Texniki dillə desək, “FID RAIL performans modelində R (cavablılıq) üzərində fokuslanır, sürüşdürmə və böyütmə isə daha çox A (animasiya) ilə bağlıdır və onların performans keyfiyyətləri ayrıca qiymətləndirilməlidir” deyə Google mühəndisi izah edir.

Xülasə

Bütün qarşılıqlı əlaqələr FID-ə uyğun deyil; Bundan əlavə, bütün istifadəçilər hər ziyarətdə saytla əlaqə saxlamayacaq və “bəzi istifadəçilərin ilk qarşılıqlı əlaqəsi yöndəmsiz vaxtlarda (əsas mövzu uzun müddət məşğul olduqda) baş verəcək, digər istifadəçilərinki isə əlverişli vaxtlarda baş verəcəkdir. (əsas mövzu tamamilə qeyri-aktiv olduqda)”.

Bu o deməkdir ki, bəzi istifadəçilərin FID dəyərləri olmayacaq, bəzilərinin aşağı FID dəyərləri olacaq, digərlərinin isə yüksək FID dəyərlərinə sahib olacaqlar, buna görə də xüsusi rejimlər və alətlərlə Baş Giriş Gecikməsinə necə nəzarət etməyi və təhlil etməyi öyrənmək vacibdir.

İlk Giriş Gecikməsini necə ölçmək olar

FID həm də yalnız sahədə ölçülə bilən bir metrikdir – biz artıq Web Vitallarını necə ölçmək barədə danışdıq – çünki o, “həqiqi istifadəçidən səhifənizlə qarşılıqlı əlaqə qurmağı tələb edir” və buna görə də laboratoriyada ölçülə bilməz.

Əslində, bələdçi göstərir ki, Ümumi Blok Vaxtı (TBT) metrikası “laboratoriyada ölçülə bilər, sahədə FID ilə yaxşı əlaqələndirilir, həmçinin interaktivliyə təsir edən məsələləri əhatə edir” və “laboratoriyada TBT-ni yaxşılaşdıran optimallaşdırmalar lazımdır. həmçinin istifadəçiləriniz üçün FID-i təkmilləşdirin.”

Bununla belə, biz FID-i dörd alətlə ölçə bilərik:

  1. Chrome İstifadəçi Təcrübəsi Hesabatı
  2. PageSpeedInsights
  3. Axtarış Konsolu (Əsas Veb Həyat Hesabatı)
  4. web-vitals JavaScript Kitabxanası

FID dəyərlərində gözlənilən fərqə görə, “FID hesabatında dəyərlərin paylanmasına baxmaq və ən yüksək faizlərə diqqət yetirmək” çox vacibdir. Bütün əsas həyati hədlər üçün faiz seçimi 75% olsa da, əslində, FID üçün, Google “95% və 99% faiz nisbətlərini nəzərə almağı şiddətlə tövsiyə edir, çünki onlar istifadəçilərin saytınızla olan və göstərəcəkləri xüsusilə mənfi ilk təcrübələrə uyğundur. daha çox təkmilləşdirməyə ehtiyacı olan sahələr.

İlk Giriş Gecikməsini necə yaxşılaşdırmaq olar

İlk qarşılıqlı əlaqənin gecikmə müddətini azaltmağa imkan verən müxtəlif müdaxilələr arasında biz:

  1. Üçüncü tərəf kodunun təsirini azaldın.
  2. JavaScript icra müddətini azaldın.
  3. Əsas mövzu üzərində işi minimuma endir.
Sorğuların sayını və köçürmə ölçüsünü azaldın.

Ümumiyyətlə, zəif FID-in əsas səbəbi ağır JavaScript icrasıdır və buna görə də JavaScript-in təhlili, tərtib edilməsi və veb səhifənizdə icrası üsulunun optimallaşdırılması birbaşa FID-i azaldacaq. Bu aspekti optimallaşdırmaq və əsas mövzunun işğalını azaltmaq üçün (bu, brauzerin istifadəçi qarşılıqlı əlaqəsinə cavab verməsinin qarşısını alır) biz bəzi ən yaxşı təcrübələrə əməl edə bilərik, məsələn:

  1. Uzun müddət davam edən tapşırıqları daha kiçik, asinxron tapşırıqlara bölün.
  2. Əlaqə üçün əlçatanlıq üçün səhifəni optimallaşdırın.
  3. JavaScript-i arxa planda işlətməyə imkan verən veb işçisindən istifadə edin.
  4. İstifadə edilməmiş JavaScript-i silməklə və istifadə olunmamış çoxlu doldurmaları minimuma endirməklə JavaScript-in icra müddətini azaldın.
  • Buna görə veb saytın dizaynı SEO-ya təsir göstərir.

Səhifələrimizdə İlk Giriş Gecikməsini optimallaşdırmaq üçün müdaxilələr

Google-dan Patrick Kettner bizə FID-nin ölçülməsi və təkmilləşdirilməsi üsulları ilə tanış olduğu YouTube videosu ilə bəzi praktik məsləhətlər verir.

Kettner öz çıxışında izah edir ki, saytımızın istifadəçilərinin. Təcrübə keçməsini və mümkün qədər az gecikmə hiss etməsini təmin etmək vacibdir. Cünki gecikmələr “bizi dayandırır, düşüncə prosesimizi pozur və diqqəti cəmləməyi və ya oxumağı çətinləşdirir. Məqsədlər”, bir saytı gəzməyə, proqramdan istifadə etməyə və ya sadəcə bir videoya baxmağa çalışarkən əsəbi təcrübə yaradır.

İnteraktivlik vaxtlarını qiymətləndirmək üçün FID metrikası

Bu konsepsiyanı gücləndirmək üçün, səhifədəki təcrübənin bir hissəsi olaraq. Google tərəfindən 2020-ci ildə LCP (Ən Böyük Məzmunlu Paint) ilə müəyyən edilmiş Əsas . Veb Vitallarının ilk qrupunun bir hissəsi olan veb . API-i olan Birinci Giriş Gecikməsi (FID) metrikası mövcuddur. ) və CLS (Kumulyativ Layout Shift).

Google-un Tərtibatçı sözçüsünə görə, biz ilk daxiletmə gecikməsini “səhifənizin istifadəçiyə ilk dəfə istifadə etdikdə interaktiv və cavab verməsi üçün nə qədər vaxt lazımdır” kimi qəbul edə bilərik.

İlk Giriş Gecikməsinin Ölçülməsi

Səhifə Təcrübəsinin hər bir hissəsi kimi. Saytdakı hər bir URL saytınızı ziyarət edən real istifadəçilərin məlumatlarına əsaslanaraq müstəqil olaraq .FID-ə qarşı qiymətləndirilir. Səhifə hesabından asılı olmayaraq, oxuduğumuz .Rəqəmlərin istifadəçilərin əslində nə yaşadıqlarını əks etdirdiyinə əmin ola bilərik, çünki .FID xalları Chrome-un aylıq istifadəçi təcrübəsi hesabatından gəlir .çünki Core Web Vitals ölçmələri haqqında bu məqalədə artıq dediyimiz kimi.

İlk Giriş Gecikməsi dəyərlərini necə tapmaq və oxumaq olar

FID, saytın qarşılıqlı əlaqəyə cavab verdiyi zaman əsasında qurulmuş .Bir metrik olduğundan, dəqiq İlk Giriş Gecikməsinin ölçülməsi üçün biz yalnız dünyanın hər yerindən gələn .Real istifadəçilərin ölçmələrinə, daxili analitikaya və baxa biləcəyimiz məlumatlara etibar edə bilərik. Axtarış Konsolunda Core Web Vitals hesabatı. Siz həmçinin səhifəmizin performansını Pagespeed Insights aləti ilə tez yoxlaya bilərsiniz – Lighthouse ilə eyni alətin yerləşdirilən onlayn versiyası. Chrome Developer Alətlərinin bir hissəsi – sizi əlaqə sürətinə və cihaza yaxınlaşdırmaq üçün konfiqurasiya edilmiş test mühitində səhifə performansını göstərən bu gün internetdə orta istifadəçinin performansı. Əgər URL bir aydan artıqdır ki, canlıdırsa, nəhayət, o, Chrome İstifadəçi Təcrübəsi Hesabatına daxil edilə bilər ki. Bu da üç Core Web Vitals göstəricisi üçün faktiki nəticələri birbaşa göstərir.

FID balları nədir

Beləliklə, indi saytımızın səhifələri üçün İlk Giriş Gecikməsi dəyərinə sahib olduğumuz üçün bu rəqəmi necə şərh etməliyik? Əlavə olaraq, aydınlaşdırmaq lazımdır ki, FID dəyərinə sahib olmaq üçün səhifəyə qarşılıqlı əlaqə təklif etməlisiniz. Aks halda, səhifəniz qarşılıqlı əlaqə üçün heç bir şey .Təklif etmirsə və ya insanlar heç vaxt düymələrə və ya sahələrə klikləmirsə, FID dəyəri saxlanmayacaq.

İlk Giriş Gecikməsini əl ilə necə ölçmək olar

Əgər biz Chrome İstifadəçi Təcrübəsi Hesabatına daxil edilməyən. Yeni səhifələrin və ya. URL-lərin İlk Daxiletmə Gecikməsini əl ilə .Hesablamaq istəyiriksə, sadəcə olaraq “bir az əlavə səy göstərməliyik”. çünki siz eyni API-lərdən istifadə etməklə .FID-i özünüz başa düşə bilərsiniz.çünki Core Web Vitals-dəki bütün sahə məlumatları real, real istifadəçilərinizdən gəlir.”

FID-i necə hesablamaq olar

Ümumiyyətlə, biz hamımız “səhifəmizə bir az JavaScript əlavə etməklə”. FID-i əl ilə hesablaya bilərik: bütün həyati vacib veb məlumatları əslində. JavaScript API və xüsusilə PerformanceObserver vasitəsilə mövcuddur. Bu müşahidəçilər bizə maraqlı olan performans hadisələrinin növünə uyğun. Hadisə və ya hadisələrin siyahısını verirlər. ona görə də kodumuz getEntries-ə zəng edərək cavabları təkrarlayacaq.

Tapşırıq 50 millisaniyədən çox çəkdikdə uzun olur

Hər bir element üçün biz emalın başlanğıcına baxırıq və başlanğıc vaxtını çıxarırıq: fərq bizə ilk girişə qədər gecikmənin miqdarını təyin etməyə imkan verir. FID nəticələrimizin necə görünəcəyi barədə yaxşı fikir əldə etməyə .Başlamaq üçün bu nömrələri götürüb analitik infrastrukturumuza göndərə bilərik. Analitik alətlərdən istifadə bizə daha ətraflı məlumat izləməyə imkan verir, məsələn, səhifələr, vaxt dövrləri və istifadəçi. Davranışları əsasında mühüm məlumatları vurğulamaq, bu məlumatı tarama. Hədəfləmə, ilk çevrilmə, trafik mənbələri və bir çox digər məlumatlarla əlaqələndirmək. ”

Yaxın gələcəkdə analitik alətlər FID performansının monitorinqi üçün də faydalı ola bilər.

FID problemlərini necə həll etmək olar

JavaScript performansını yaxşılaşdırmaq üçün əsas tövsiyələrdən bəzilərinə aşağıdakılar daxildir:

  1. Kodunuzu təşkil etmək və istifadə olunmamış kodun təsirini məhdudlaşdırmaq üçün JavaScript modullarından istifadə edin.
  2. Qarşılıqlı əlaqə üçün minimum və lazımi kodu istifadə etdiyinizə. Amin olun və istifadə olunmamış və ya istifadə olunmamış kodu təxirə salın və ya ləğv edin.
  3. Kiçikləşdirilmiş və kiçildilmiş fayllardan istifadə edin və icra olunmamış kodu minimuma endirin.
  4. Səhifənizin ilk ziyarətçiləri üçün qeyri-vacib JavaScript-i deaktiv edin (saytınızın ilk ziyarətçilər üçün yükləmə gecikmələri varsa faydalı ola bilər).

Əsas mövzu üzərində işi minimuma endirmək üçün .Evvəlcədən yüklənmiş naviqasiyadan istifadə etmək məqsədəuyğundur. Bu texnika “səhifəyə girişi sürətləndirmək üçün istifadəçi səhifəyə müraciət etməmişdən əvvəl.URL-in arxa planda əvvəlcədən yüklənə biləcəyini brauzerə siqnal verir.

Sorğuların sayını və köçürmə ölçüsünü azaltmaq üçün Offline Indexing API və ya digər ani səhifə yükləmə üsullarından istifadə edilə bilər.

Sürətli Mobil Səhifələr (AMP) veb-səhifələri, həmçinin. “səhifənin göstərilməsi üçün lazım olan AMP kitabxanasının çox effektiv şəkildə.

AMP səhifələri vəziyyətində qeyd etmək vacibdir ki, “ilk qarşılıqlı əlaqə təcrübəsinin ölçülməsi həmişə ilk interaktiv məzmun (CI) API-yə əsaslanır”.

Yekun olaraq, FID, saytda JavaScript kodunu optimallaşdırmaq imkanı.

İlk qarşılıqlı əlaqə təcrübəsi tətbiqinizin ürəyidir və istifadəçilərinizin rəyi üçün əsas məqamdır. “FID axtarış sistemində sıralama faktorudur” və Google mühəndisinin qeyd etdiyi kimi. “İstifadəçinin saytınızla ilk. Təcrübəsi saytınızla necə təsir edəcək onlar saytınızı gələcəkdə dərk edirlər.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top