Interaction to Next Paint

Ce măsoară INP

Interaction to Next Paint evaluează capacitatea generală a paginii de a răspunde la interacțiuni. Sunt urmărite clickurile cu mouse-ul, atingerile pe ecrane tactile și apăsările de taste. Derularea, trecerea cursorului peste elemente și zoomul nu sunt măsurate direct.

Latența unei interacțiuni începe când utilizatorul inițiază acțiunea și se termină când browserul poate afișa următorul cadru. Aceasta include întârzierea de intrare, executarea callbackurilor asociate evenimentului și întârzierea de prezentare a cadrului.

INP observă interacțiunile pe întreaga durată a vizitei. Pentru majoritatea paginilor, valoarea raportată corespunde interacțiunii cu cea mai mare latență. În cazul paginilor cu multe interacțiuni, calculul elimină anumite valori extreme. Valoarea paginii este calculată când utilizatorul o părăsește.

Cum se interpretează

Un INP de cel mult 200 de milisecunde indică o capacitate bună de răspuns. O valoare mai mare de 200 de milisecunde și de cel mult 500 de milisecunde necesită îmbunătățiri. Peste 500 de milisecunde, capacitatea de răspuns este considerată slabă. Evaluarea datelor reale folosește percentila 75, separat pentru dispozitive mobile și desktop.

Diferența dintre INP și FID

INP este succesorul FID. FID măsura doar întârzierea de intrare pentru prima interacțiune. INP urmărește interacțiunile din întregul ciclu de viață al paginii și include timpul până când browserul poate afișa următorul cadru. Din acest motiv, oferă o imagine mai cuprinzătoare asupra capacității de răspuns.

INP face parte din Core Web Vitals, alături de LCP și CLS. Google Search Central recomandă obținerea unor valori Core Web Vitals bune pentru performanța în căutare și pentru experiența utilizatorului. Aceste semnale, împreună cu alte aspecte ale experienței paginii, sunt aliniate cu ceea ce sistemele principale de clasificare Google încearcă să recompenseze.

Un INP slab poate indica meniuri, formulare, filtre, butoane sau alte elemente care răspund vizibil cu întârziere. Utilizatorul poate interpreta lipsa feedbackului drept o eroare și poate repeta acțiunea. Optimizarea trebuie să urmărească răspunsul paginii pe întreaga durată a vizitei, nu doar imediat după încărcare.

Un magazin online românesc are un buton „Adaugă în coș”. După click, firul principal este ocupat de o sarcină lungă, iar confirmarea vizuală apare cu întârziere. Utilizatorul poate apăsa din nou, deoarece nu știe dacă produsul a fost adăugat.

INP surprinde latența dintre interacțiune și momentul în care browserul poate afișa următorul cadru. O implementare mai responsivă arată rapid un feedback vizual, chiar dacă alte operațiuni asincrone continuă ulterior. INP nu măsoară toate efectele finale ale cererilor de rețea, ci perioada în care următoarea afișare este blocată.

1. Deschide raportul Core Web Vitals din Google Search Console și verifică modul în care performează paginile site-ului.
2. Consultă datele de teren din Chrome UX Report (CrUX). Reține că setul BigQuery agregă datele la nivel de origine.
3. Pentru analiză detaliată, inclusiv la nivel de adresă URL, implementează Real User Monitoring (RUM) folosind API-urile platformei web, inclusiv Event Timing API.
4. Urmărește interacțiuni reale prin click, atingere și tastatură pe tot parcursul vizitei, nu doar prima acțiune.
5. Compară separat experiențele mobile și desktop și investighează interacțiunile cu latența cea mai mare.
6. Dacă pagina conține iframe-uri, ține cont că diferențele de acces la conținutul acestora pot produce diferențe între CrUX și datele RUM proprii.

1. Identifică interacțiunea care produce cea mai mare latență, nu doar prima interacțiune de pe pagină.
2. Verifică dacă sarcinile lungi de pe firul principal blochează deschiderea meniurilor, formularelor, filtrelor sau componentelor interactive.
3. Reduce activitatea care întârzie executarea handlerelor și afișarea următorului cadru.
4. Oferă feedback vizual inițial cât mai repede pentru interacțiunile complexe.
5. Monitorizează date reale de utilizare, deoarece capacitatea dispozitivelor și comportamentul utilizatorilor variază.
6. Nu trata optimizarea cererilor de rețea drept singura soluție: INP urmărește timpul până la următoarea afișare, nu toate efectele asincrone ulterioare.