INP
PerformanțăINP (Interaction to Next Paint) este metrica Core Web Vitals care măsoară reactivitatea unei pagini web la interacțiunile utilizatorului. Cronometrează timpul de la click, tap sau apăsare de tastă până la actualizarea vizuală a paginii. Un INP bun este sub 200ms. A înlocuit oficial FID (First Input Delay) în martie 2024 ca metrică de reactivitate.
INP (Interaction to Next Paint) este cea mai nouă metrică Core Web Vitals, introdusă oficial în martie 2024 ca înlocuitor al FID (First Input Delay). Față de FID care măsura doar întârzierea primei interacțiuni, INP evaluează reactivitatea tuturor interacțiunilor pe durata întregii vizite, oferind o imagine mult mai completă a experienței utilizatorului.
INP măsoară timpul total al unei interacțiuni în trei faze:
Input delay — timpul de așteptare înainte de executarea event handler-ului, cauzat de obicei de task-uri JavaScript care blochează thread-ul principal.
Processing time — timpul de executare a event handler-elor (funcțiile JavaScript atașate evenimentului).
Presentation delay — timpul necesar browserului pentru a calcula layout-ul, a picta și a compozita actualizarea vizuală.
Pragurile Google pentru INP:
Bun: sub 200ms — interacțiune instantanee, fără percepția de întârziere.
Necesită îmbunătățire: 200-500ms — utilizatorul percepe o ușoară întârziere.
Slab: peste 500ms — experiență frustrantă, site-ul pare „blocat".
Cauzele frecvente ale unui INP slab:
JavaScript de lungă durată pe thread-ul principal — calcule complexe, parsarea unor date mari sau procesarea DOM extensivă. Soluție: împărțirea în task-uri mai mici cu yield() sau setTimeout.
Event handler-e complexe — funcții atașate la click sau scroll care fac prea multe operații. Soluție: debouncing, throttling și optimizarea logicii.
Hidratare masivă în framework-uri SPA — React, Vue sau Angular care trebuie să „hidrateze" întreaga pagină la încărcare. Soluție: lazy hydration sau streaming SSR.
Pentru site-urile PHP tradiționale din România (fără framework-uri JavaScript grele), INP este de obicei bun nativ. Problemele apar când se adaugă widget-uri externe (chat, analytics, reclame) sau plugin-uri JavaScript complexe care blochează thread-ul principal.