Interaction to Next Paint (INP): Noul inamic al performanței pe mobil. De ce butoanele tale reacționează greu și cum elimini blocajele
Ai intrat vreodată pe un magazin online de pe telefon, ai găsit produsul dorit, ai apăsat butonul „Adaugă în coș”… și nu s-a întâmplat absolut nimic? Aștepți o secundă. Crezi că nu ai apăsat bine. Apeși din nou, mai ferm. Brusc, ecranul tresare, site-ul se blochează complet timp de o secundă, iar apoi te trezești cu două produse adăugate în coș și un sentiment profund de frustrare.
Acest fenomen de „site înghețat” sau „buton care nu răspunde” nu este o iluzie a utilizatorului. Este o problemă tehnică gravă de latență, iar Google a transformat-o în principalul său inamic. Metrica responsabilă poartă numele de Interaction to Next Paint (INP).
În 2026, dacă site-ul tău are o problemă de INP, clienții tăi îl vor abandona, iar Google îți va tăia drastic vizibilitatea organică. În acest ghid de performanță SiteSOS, vom diseca anatomia unui site care „reacționează greu”, vom explica de ce telefoanele mobile sunt cele mai afectate și cum putem elibera site-ul de sub povara codului inutil.
🛑 Evoluția Google Core Web Vitals
INP a înlocuit oficial vechea metrică FID (First Input Delay) ca standard de evaluare a interactivității. În timp ce FID măsura doar prima interacțiune a utilizatorului cu pagina, INP măsoară timpul de răspuns pentru TOATE interacțiunile (click-uri, atingeri, apăsări pe tastatură) pe parcursul întregii vizite. Google calculează cea mai lentă reacție a site-ului tău și o folosește pentru a-ți acorda nota finală.
1. Ce este INP și cum se măsoară?
Interaction to Next Paint (INP) măsoară timpul care trece din momentul în care utilizatorul interacționează cu pagina (ex: apasă pe un buton de meniu sau pe o imagine) până în momentul în care browserul este capabil să randeze (să deseneze pe ecran) următorul cadru, oferind feedback vizual.
Pentru a trece testul Google și a oferi o experiență de utilizare acceptabilă, timpii trebuie să fie:
-
Sub 200 de milisecunde: Excelent (Site-ul se simte instantaneu).
-
Între 200 și 500 de milisecunde: Necesită îmbunătățiri (Utilizatorul simte o mică „agățare”).
-
Peste 500 de milisecunde: Slab (Site-ul este perceput ca fiind blocat sau stricat).
2. De ce „îngheață” site-ul? Problema „Main Thread-ului”
Pentru a înțelege de ce un site are un INP slab, trebuie să înțelegem cum gândește un browser (Chrome, Safari). Browserul folosește un singur fir de execuție principal, numit Main Thread, pentru a face aproape totul: analizează codul HTML, construiește designul (CSS) și, cel mai important, execută JavaScript (JS).
Aici apare blocajul. Gândește-te la Main Thread ca la o casă de marcat cu un singur casier. Dacă un client (un script JavaScript masiv) vine cu un coș plin ochi și îi ia 2 minute să scaneze produsele, toți ceilalți clienți din spate trebuie să aștepte. Dacă tu apeși pe un buton exact în momentul în care browserul procesează un script complex (ex: Facebook Pixel, Google Tag Manager, sau animațiile unui Page Builder), casierul este ocupat. Click-ul tău este pus „în așteptare”. Abia după ce scriptul termină de rulat, browserul preia click-ul tău și deschide meniul. Acel timp de așteptare este INP-ul tău roșu.
3. De ce scorul INP este bun pe Desktop, dar dezastruos pe Mobil?
Multe companii ne contactează la SiteSOS spunând: „Pe laptop site-ul meu zboară, are scor 95 în PageSpeed. Pe mobil are 35 și erori roșii de INP. De ce?”
Răspunsul este puterea de procesare a procesorului (CPU). Un laptop modern are un procesor de zeci de ori mai puternic decât un smartphone mediu. Când îi livrezi 3 MB de JavaScript, laptopul le procesează și le execută în 50 de milisecunde (deci nu simți blocajul). Un telefon mobil, însă, are nevoie de 800 de milisecunde pentru a „digera” exact același cod, din cauza limitărilor de hardware și baterie.
De aceea, optimizarea INP este, prin definiție, o misiune de optimizare pentru mobile.
🛒 Conexiunea cu WooCommerce și Coșurile Abandonate
Un INP slab este un „ucigaș de vânzări” tăcut. Așa cum am documentat în analiza despre erorile invizibile din WooCommerce, când filtrele de produse răspund greu sau butonul de Checkout se blochează, clientul își pierde încrederea. O latență de interacțiune de peste 500ms la momentul plății crește rata de abandon a coșului cu până la 30%.
4. „Sindromul Frankenstein” și dimensiunea DOM-ului
Unul dintre principalii vinovați pentru un INP dezastruos este ceea ce noi numim Sindromul Frankenstein. Utilizarea abuzivă a page-builderelor (Elementor, Divi, WPBakery) adaugă straturi peste straturi de cod invizibil.
Acest lucru generează o problemă numită Excessive DOM Size (Prea multe elemente HTML pe pagină). Când ai un DOM cu peste 1500-2000 de noduri, fiecare click obligă browserul să recalculeze poziția și stilul tuturor acestor elemente. Cu cât pagina este mai grea structural, cu atât reacționează mai lent la interacțiunea umană.
De asemenea, trebuie să facem o distincție clară între performanța de randare și viteza serverului. Deși TTFB-ul (Time To First Byte) măsoară cât de repede răspunde serverul tău inițial, INP-ul depinde aproape exclusiv de eficiența codului din browser-ul utilizatorului (Frontend). Poți avea cel mai puternic server de pe planetă, dacă îi trimiți utilizatorului cod JavaScript „balast”, telefonul lui tot se va bloca.
5. Soluția SiteSOS: Chirurgia „Code Detox” pentru a salva INP-ul
Rezolvarea erorilor de INP nu se poate face prin simpla instalare a unui nou plugin de cache. Dacă un script greoi blochează pagina, a-l „băga în cache” nu face decât să livrezi problema mai repede.
Pentru a atinge acea interacțiune instantanee (sub 200ms), echipa SiteSOS execută un proces de Code Detox riguros:
-
Delay JavaScript Execution (Amânarea execuției): Împiedicăm scripturile non-esențiale (chat-uri, trackere, pop-up-uri) să se încarce până când utilizatorul nu mișcă mouse-ul sau nu face scroll. Asta eliberează Main Thread-ul instantaneu la prima încărcare.
-
Deferring (Încărcarea asincronă): Mutăm fișierele JS grele la finalul paginii, permițând elementelor vizuale și butoanelor să devină interactive primele.
-
Optimizarea CSS-ului și a DOM-ului: Eliminăm CSS-ul nefolosit (Unused CSS) și rescriem sectiunile supraîncărcate din buildere pentru a reduce numărul de elemente HTML.
-
Izolarea scripturilor de Third-Party: Dacă un widget extern (cum ar fi o hartă Google sau un feed de Instagram) îți blochează site-ul din cauza API-urilor învechite (vezi riscurile de degradare digitală), îl izolăm sau îl înlocuim cu alternative statice („facades”).
Interactivitatea înseamnă Încredere
În 2026, utilizatorii sunt mai nerăbdători ca niciodată, iar standardele Google au devenit neiertătoare. Un site care reacționează greu la atingeri nu transmite doar un disconfort tehnic, ci o senzație de lipsă de profesionalism.
Mai mult, într-o eră a Optimizării pentru Motoarele Generative (GEO), agenții de indexare AI evaluează stabilitatea Frontend-ului ca pe un semnal de încredere (Trust Signal). Un site cu erori de INP este considerat un site „greu de parcurs”, fiind declasat în favoarea surselor rapide și imaculate.
Nu lăsa codul mort și JavaScript-ul neoptimizat să îți alunge clienții înainte ca aceștia să apuce să cumpere.
🔧 Google Search Console îți afișează erori roșii de INP pe mobil? Nu te baza pe soluții automate care strică designul site-ului. Echipa SiteSOS realizează audituri avansate și aplică procesul de „Code Detox” pentru a reda interactivitatea instantanee site-ului tău.
Solicită Optimizarea Manuală a Performanței acum!
Întrebări Frecvente: Rezolvarea problemelor INP pe Mobil
▶ Ce este INP și de ce este mai greu de optimizat decât timpul de încărcare?
INP (Interaction to Next Paint) măsoară timpul de reacție al site-ului (latența) atunci când apeși pe un buton sau interacționezi cu un element. Este mai greu de optimizat decât timpul de încărcare (LCP) deoarece nu depinde doar de viteza serverului, ci de cantitatea de cod JavaScript pe care telefonul utilizatorului trebuie să o proceseze. Dacă procesorul telefonului este blocat rulând scripturi grele, site-ul va reacționa lent, chiar dacă s-a încărcat vizual repede.
▶ De ce scorul INP este verde pe desktop, dar roșu pe mobil?
Discrepanța apare din cauza diferențelor uriașe de performanță hardware. Un laptop modern are un procesor suficient de puternic pentru a trece rapid prin sute de fișiere JavaScript (cod provenit de la teme grele sau page-buildere). Un smartphone mediu conectat la o rețea de date are o putere de procesare mult mai mică, ceea ce înseamnă că execuția aceluiași cod va dura de 5 sau 10 ori mai mult, cauzând „înghețarea” temporară a ecranului.
▶ Plugin-urile de cache (WP Rocket, LiteSpeed) repară scorul INP?
Parțial, dar nu îl rezolvă definitiv. Un plugin de cache poate grăbi livrarea fișierelor către utilizator, dar nu rescrie codul prost. Pentru a repara cu adevărat INP-ul, este nevoie de intervenție manuală prin „Code Detox”: amânarea scripturilor care nu sunt vitale (Delay JS), curățarea DOM-ului (reducerea numărului de elemente HTML de pe pagină) și optimizarea modului în care tema folosește resursele.
