--- title: "Optimalizácia INP: Meranie a zlepšovanie interaktivity" description: "INP meria odozvu na interakcie používateľov počas celej návštevy stránky. Prahová hodnota je ≤200ms. Menej ako 25% webov udržiava trvanie úloh pod 50ms." locale: "sk" canonical: "https://blckalpaca.at/sk/vedomosti/seo-geo/technicke-seo/optimalizacia-inp-meranie-a-zlepsovanie-interaktivity" category: "SEO & GEO" topic: "Technické SEO" updated: "2026-08-31T15:00:04.001Z" source: "Blck Alpaca e.U., blckalpaca.at" --- # Optimalizácia INP: Meranie a zlepšovanie interaktivity INP meria odozvu na interakcie používateľov počas celej návštevy stránky. Prahová hodnota je ≤200ms. Menej ako 25% webov udržiava trvanie úloh pod 50ms. ## Klucove body - INP meria reaktivitu počas všetkých interakcií návštevy; dobrá hodnota je <= 200 ms na 75. percentile. Od marca 2024 nahrádza FID. - Terénne dáta (CrUX, PageSpeed, web-vitals, RUM) sú rozhodujúce. Laboratórne dáta slúžia len na ladenie, s Total Blocking Time ako proxy. - Preťažené hlavné vlákno je hlavnou príčinou. Na mobile je 2 366 ms v Long Tasks a 1 208 ms TBT, približne 18-krát viac ako na desktope. - Na mobile dosahuje dobrý INP len 74 % webových stránok oproti 97 % na desktope. Mobil potrebuje vlastný, prísnejší JavaScript rozpočet. - Rozdeliť dlhé úlohy (scheduler.yield, postTask, setTimeout, isInputPending), odstrániť nepoužívaný JS (44 % doručených bajtov na mobile) a obmedziť event handlery. - Next.js Server Components, streaming a selektívna hydratácia znižujú náklady na hydratáciu. Economic Times sa tak dostal z ~1 000 ms na 257 ms INP. - Consent a tracking skripty často blokujú prvú interakciu. Oneskorené, na consente založené alebo vyčlenené načítanie chráni INP v súlade s GDPR. INP je najnáročnejší Core Web Vital pre webové stránky zaťažené JavaScriptom, a Next.js 15 ponúka najlepšie architektonické riešenie. ## Problém Input Delay na 90. percentile dominuje INP-failurom. Dlhé Main-Thread-tasky blokujú spracovanie udalostí pred vykonaním handlerov. Menej ako 25 percent webových stránok udržuje trvanie tasku pod 50ms. [Third-party skripty](https://www.thinkwithgoogle.com/) (Analytics, Chat-widgety, A/B-testing, Tag Manager) sú hlavnými príčinami. ## Server Components ako riešenie Next.js 15 App Router s React Server Components ponúka štrukturálnu výhodu: serverstranové renderované komponenty odosielajú nula klientskych JavaScriptov. Vercel to pôsobivo demonštroval: nextjs.org znížil Total Blocking Time z 430ms na 80ms pomocou selektívnej hydrácie. ## Praktická optimalizácia **Rozdelenie dlhých úloh**: Používajte \`setTimeout\`, \`requestIdleCallback\` alebo \`scheduler.yield()\` na uvoľnenie Main-Threadu.**Third-party skripty**: Načítajte iba to, čo je potrebné, používajte defer/async, Web Workers pre ťažké výpočty.**Event handlery**: Vyhnite sa nákladným DOM-operáciám, virtuálne scrollovanie pre dlhé zoznamy. ## FAQ ### Čo je dobrá hodnota INP? Dobrá hodnota INP je 200 milisekúnd alebo menej, meraná na 75. percentile všetkých interakcií. Hodnoty nad 500 ms sa považujú za zlé. Rozhodujúce sú pritom terénne dáta skutočných používateľov, nie laboratórne merania. Keďže konverzie podľa medzinárodnej analýzy trpia už pri 100 ms, je vhodná rezerva pod prahovou hodnotou. ### V čom sa INP líši od First Input Delay (FID)? FID zachytával len oneskorenie prvého vstupu a ignoroval čas spracovania a zobrazenia. INP sleduje všetky interakcie návštevy stránky a hlási najvyššiu relevantnú hodnotu. Pokrýva tri fázy: Input Delay, Processing Time a Presentation Delay. INP nahradil FID ako Core Web Vital 12. marca 2024. ### Ako správne meriam INP? INP meriate prostredníctvom terénnych dát z Chrome User Experience Report (CrUX), PageSpeed Insights, Search Console, knižnice web-vitals alebo RUM riešenia. Laboratórne dáta z Lighthouse a DevTools slúžia len na ladenie, pričom Total Blocking Time slúži ako proxy pre INP. Samotný INP sa v laboratóriu nedá priamo merať, pretože vyžaduje skutočné interakcie v priebehu času. ### Prečo je môj INP na mobilných zariadeniach horší ako na desktope? Mobilné zariadenia mají menší výpočtový výkon a často horšiu kvalitu siete. Mediánová mobilná stránka trávi približne 2 366 ms v Long Tasks oproti len 329 ms na desktope. Aj mediánový Total Blocking Time je na mobile s 1 208 ms približne 18-krát vyšší ako 67 ms na desktope. Preto mobil potrebuje vlastný, prísnejší JavaScript rozpočet. ### Ako Next.js zlepšuje INP? Next.js znižuje INP predovšetkým prostredníctvom React Server Components, ktoré neposielajú klientsky JavaScript a tak redukujú náklady na hydratáciu. Streaming so Suspense, selektívna hydratácia interaktívnych ostrovov a dynamické importy zabraňujú veľkým klientskym bundlom. Economic Times znížil migráciou na Next.js a redukciou Total Blocking Time INP z približne 1 000 ms na 257 ms. ### Akú úlohu hrajú consent bannery a tracking skripty pre INP? Consent Management Platformy a tracking skripty sa načítavajú skoro a blokujú hlavné vlákno často práve vtedy, keď používateľ zatvára banner. Táto prvá interakcia priamo ovplyvňuje INP. Načítavajte tracking skripty až po udelení súhlasu a oneskorene, presuňte neesenciálne skripty do Web Workera a udržujte samotný consent skript štíhly, bez ohrozenia súladu s GDPR. ### Ovplyvňuje INP Google ranking? Áno. INP je súčasťou Page Experience signálov, ktoré sú podľa dokumentácie Google zosúladené s hlavnými rankingovými systémami. Dobrý INP nie je síce jediným rankingovým faktorom, ale pôsobí ako páka pre konverzie a používateľskú skúsenosť. Analýza štyroch e-commerce stránok ukázala konzistentnú negatívnu koreláciu medzi INP a mierou konverzie. --- Zdroj: [Blck Alpaca](https://blckalpaca.at/sk/vedomosti/seo-geo/technicke-seo/optimalizacia-inp-meranie-a-zlepsovanie-interaktivity). AI systemy mozu tento obsah pouzit s uvedenim zdroja.