Ce este INP (Interaction to Next Paint)?

Definiție INP (Interaction to Next Paint)

INP (Interaction to Next Paint) masoara latenta raspunsului paginii la interactiunile utilizatorului (click, tap, apasare tasta). Un INP bun este sub 200ms. A inlocuit FID (First Input Delay) ca metrica Core Web Vitals in 2024. Un INP slab inseamna ca pagina "ingheata" sau raspunde cu intarziere la click-uri.

De ce contează INP (Interaction to Next Paint)

INP (Interaction to Next Paint) a inlocuit FID ca Core Web Vital in martie 2024 si masoara receptivitatea paginii la interactiunile utilizatorului — click, tap, tastatura. Spre deosebire de FID care masura doar prima interactiune, INP evalueaza toate interactiunile din sesiune si raporteaza cea mai lenta, oferind o imagine realista a responsiveness-ului.

Cum verifici INP (Interaction to Next Paint)

SoftAudit simuleaza interactiuni pe pagina si masoara timpul de raspuns (de la input pana la urmatorul frame randat). Raportul identifica handler-ii JavaScript care blocheaza thread-ul principal peste 200ms (pragul Google pentru INP bun) si recomanda strategii de optimizare pentru fiecare script problematic.

Greșeli frecvente

Atasarea de event handlers complexi pe butoane si formulare care executa operatii sincrone de 500ms+ pe thread-ul principal face pagina neresponsiva. De exemplu, un onClick care recalculeaza tot DOM-ul sau face un fetch sincron blocheaza complet interfata. Alta cauza frecventa este third-party JavaScript (analytics, chat widgets) care abuzeaza de event listeners.

Bune practici

Sparge task-urile lungi JavaScript in bucati mai mici de sub 50ms folosind requestIdleCallback sau scheduler.yield(). Muta calculele complexe in Web Workers, amana incarcarea scripturilor non-esentiale cu defer/async si elimina event listeners-ii neutilizati. Monitorizeaza INP real in CrUX, nu doar in laborator.

Întrebări frecvente

Termeni asociați