Interaction to Next Paint (INP) səhifədəki bütün istifadəçi qarşılıqlı əlaqələrinin gecikməsini ölçən bir metrikdir. O, istifadəçinin düyməyə klikləmək və ya sahəyə mətn yazmaq kimi bir hərəkəti yerinə yetirməsi ilə ekranda vizual yenilənmənin görünməsi arasındakı vaxta diqqət yetirir. 2024-cü ilin mart ayından etibarən INP, Core Web Vitals çərçivəsində giriş cavabdehliyini ölçmək üçün əvvəlki metriki rəsmi olaraq əvəz etdi. Bu metrikin yaxşılaşdırılması istifadəçilər üçün cavabdeh görünən bir saytı qorumaq üçün vacibdir.
INP və əvvəlki metrikalar arasında nə fərq var?
Veb performans monitorinqində əsas dəyişiklik, yalnız ilk qarşılıqlı əlaqəni qiymətləndirməkdən səhifədəki bütün qarşılıqlı əlaqə dövrünü qiymətləndirməyə keçiddir. Əvvəlki metrikalar yalnız ilkin toxunma nöqtəsinə diqqət yetirdiyi halda, INP istifadəçi səhifəni araşdırarkən baş verən hər bir klik, toxunuş və düymə basılmasını müşahidə edir. Bu dəyişiklik tərtibatçıların saytın cavabdehliyini yalnız ilkin yüklənmə vaxtında deyil, bütün ziyarət boyu nəzərə almasını təmin edir. Ən yavaş qarşılıqlı əlaqəni ölçməklə, o, interfeysin ləng və ya cavabsız hiss oluna biləcəyi sahələri vurğulayır.
Performansı təhlil edərkən, saytın sağlamlığı haqqında aydın bir mənzərə yaratmaq üçün müxtəlif metrikaların necə müqayisə olunduğuna baxmaq faydalıdır. Aşağıdakı cədvəldə INP-nin istifadəçi təcrübəsini və texniki sabitliyi izləmək üçün sənayedə istifadə olunan digər ümumi veb performans metrikalarından necə fərqləndiyi göstərilir.
| Metrik | Nəyi ölçür | Əsas diqqət |
|---|---|---|
| INP | Qarşılıqlı əlaqə gecikməsi | Cavabdehlik |
| LCP | Largest Contentful Paint | Yüklənmə sürəti |
| CLS | Cumulative Layout Shift | Vizual sabitlik |
INP veb saytınız üçün niyə vacibdir?
Yüksək INP balı veb saytın istifadəçi girişlərinə cavab verməkdə yavaş olduğunu göstərir ki, bu da ziyarətçiləri məyus edə bilər. Bir düymənin hərəkəti işə salması çox vaxt apardıqda və ya menyu dərhal açılmadıqda, istifadəçilər çox vaxt saytı xarab və ya etibarsız hesab edirlər. Bu qavrayış daha yüksək çıxma dərəcələrinə və ümumi olaraq daha aşağı cəlb olunma səviyyələrinə səbəb ola bilər. Tipik bir hesabda, bu cavabdehlik problemlərini həll etmək çox vaxt daha yaxşı istifadəçi saxlama və daha uğurlu konversiya yolları ilə əlaqələndirilir, çünki interfeys dərhal reaksiya verdikdə ziyarətçilərin formaları doldurması və ya saytda naviqasiya etməsi daha çox ehtimal olunur.
Problemli qarşılıqlı əlaqələri necə müəyyən edə bilərsiniz?
Saytınızı yavaşladan qarşılıqlı əlaqələri müəyyən etmək üçün Chrome DevTools və ya PageSpeed Insights alətindən istifadə etməlisiniz. DevTools-da Performance sekmesini açaraq və izi qeyd edərkən yavaş hiss olunan hərəkətləri yerinə yetirməklə başlayın. Əsas mövzuda qarşılıqlı əlaqənizlə üst-üstə düşən uzun tapşırıqları axtarın. Şəkil qalereyası və ya mürəkkəb filtrləmə menyusu kimi xüsusi bir komponentin gecikməyə səbəb olduğunu görsəniz, optimallaşdırma üçün xüsusi bir hədəf tapmısınız. Bu alətlər brauzerin vaxtını tam olaraq harada sərf etdiyini göstərən texniki bölgü təqdim edir.
Yüksək INP-nin ümumi səbəbləri nələrdir?
- Qarşılıqlı əlaqələr zamanı əsas mövzunu bloklayan ağır JavaScript icrası.
- Əhəmiyyətli brauzer resurslarını istehlak edən həddindən artıq mürəkkəb CSS animasiyaları.
- İstifadəçi girişindən sonra geniş yenidən hesablamalar tələb edən böyük DOM strukturları.
- Hər qarşılıqlı əlaqədə lazımsız məntiqi işə salan səmərəsiz hadisə dinləyiciləri.
- Kritik istifadəçi hərəkətləri zamanı yüklənən və ya işləyən üçüncü tərəf skriptləri.
Daha yaxşı INP üçün kodunuzu necə optimallaşdırmaq olar
INP üçün optimallaşdırma, qarşılıqlı əlaqə baş verdikdə brauzerin əsas mövzuda yerinə yetirməli olduğu iş miqdarını azaltmağı tələb edir. JavaScript paketlərinizi kiçik saxlamağa və icra prosesini yavaşlada biləcək istifadə olunmamış kodları silməyə çalışmalısınız. Böyük tapşırıqları kiçik, idarə oluna bilən hissələrə bölmək, brauzerin tapşırıqları çərçivələrlə əvəz edərək cavabdeh qalmasına imkan verir. Müasir brauzer API-lərindən istifadə həmçinin ağır hesablamaları fon mövzularına köçürməyə kömək edə bilər ki, bu da UI mövzusunun istifadəçi girişinə cavab vermək üçün sərbəst qalmasını təmin edir.
Alien Road INP optimallaşdırmasını necə tətbiq edir
Alien Road-da biz müştərilərimiz üçün cavabdehliyi idarə etmək üçün strukturlaşdırılmış bir yanaşmanı izləyirik. İlkin kəşf mərhələsində, real istifadəçi monitorinqi məlumatlarından istifadə edərək yüksək gecikməli qarşılıqlı əlaqələri müəyyən etmək üçün sayt miqyasında audit aparırıq. Sonra bu elementləri konversiya nöqtələrinə təsirinə görə prioritetləşdiririk. Məsələn, e-ticarət müştərisi üçün tipik bir işdə, axtarış çubuğuna və ‘Səbətə əlavə et’ düyməsinə diqqət yetiririk. Biz hadisə işləyicilərinin debouncing-i və kritik olmayan skriptlərin lazy-loading-i kimi optimallaşdırmaları tətbiq edirik. Nəhayət, sonrakı yeniləmələrin yeni performans reqressiyaları gətirməməsini təmin etmək üçün monitorinq dövrü qururuq.
Bu həftə görüləcək addımlar
- Cari INP statusunuzu yoxlamaq üçün saytınızı PageSpeed Insights vasitəsilə işə salın.
- Ödəniş və ya potensial müştəri formaları kimi ən kritik qarşılıqlı əlaqə nöqtələrinizi nəzərdən keçirin.
- Qarşılıqlı əlaqə zamanı işə düşən istifadə olunmamış üçüncü tərəf skriptlərini müəyyən edin və silin.
- Avadanlığın gecikməyə necə təsir etdiyini görmək üçün saytınızı müxtəlif mobil cihazlarda sınaqdan keçirin.
- Refaktorinq üçün əsas mövzu tapşırıqlarını prioritetləşdirmək üçün inkişaf komandanızla məsləhətləşin.
Tez-tez verilən suallar
INP axtarış motoru reytinqimə təsir edirmi?
Bəli, INP, axtarış motorları tərəfindən səhifədəki istifadəçi təcrübəsinin keyfiyyətini qiymətləndirmək üçün istifadə olunan Core Web Vitals-ın bir hissəsidir. Zəif INP balı cavabdehliyin olmamasını bildirir ki, bu da saytınızın daha sürətli, daha cavabdeh rəqiblərlə müqayisədə necə qəbul edildiyinə və sıralandığına mənfi təsir göstərə bilər.
INP yalnız mobil cihazlar üçün aktualdır?
INP həm masaüstü, həm də mobil istifadəçilər üçün aktualdır, baxmayaraq ki, mobil cihazlar avadanlıq məhdudiyyətləri səbəbindən tez-tez daha ciddi çətinliklərlə üzləşirlər. Mobil prosessorlar adətən masaüstü CPU-lardan daha az güclü olduğundan, səmərəsiz kod mobil veb saytınızın qəbul edilən cavabdehliyinə daha çox təsir göstərir.
INP-ni nə qədər tez-tez ölçməliyəm?
Daimi texniki xidmət rutininizin bir hissəsi kimi INP-ni davamlı olaraq izləməlisiniz. Sayt yeniləmələri, yeni funksiyalar və üçüncü tərəf skript dəyişiklikləri performansınıza təsir edə biləcəyi üçün, saytınızın hər bir istifadəçi üçün cavabdeh qalmasını təmin etmək üçün metrikalarınızı ayda ən azı bir dəfə yoxlamaq yaxşı bir təcrübədir.
Sürətli server yüksək INP-ni düzəldə bilərmi?
Sürətli server ilkin yüklənmə vaxtlarını yaxşılaşdırır, lakin yüksək INP-ni birbaşa düzəltmir. INP ilk növbədə qarşılıqlı əlaqə zamanı istifadəçinin brauzerinin emal sürətindən təsirlənir. Əgər JavaScript-iniz ağırdırsa və ya səmərəsizdirsə, ilkin aktivlərin nə qədər tez çatdırılmasından asılı olmayaraq brauzer çətinlik çəkəcək.
Yaxşı INP balı nə hesab olunur?
Yaxşı INP balı ümumiyyətlə 200 millisaniyə və ya daha az hesab olunur. Bu müddət qarşılıqlı əlaqənin istifadəçinin onu ani kimi qəbul etməsi üçün kifayət qədər tez emal edildiyini göstərir. 200 ilə 500 millisaniyə arasındakı ballar yaxşılaşdırılmalıdır, 500 millisaniyədən yuxarı olan hər şey isə zəif hesab olunur və dərhal diqqət tələb edir.
Oxumağa davam edin: SEO (Axtarış Motorunun Optimallaşdırılması) · SEO