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.
Key Takeaways
- ✓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 (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.
Údaje a štatistiky
INP ist seit 12. Maerz 2024 ein stabiler Core Web Vital und ersetzt First Input Delay; Schwellenwert 200 ms am 75. Perzentil
web.dev (Google Chrome Team) - 'Interaction to Next Paint is officially a Core Web Vital' (2024)INP < 200 ms, LCP < 2,5 s, CLS < 0,1 als gute Schwellenwerte; Core Web Vitals sind mit Googles Core-Ranking-Systemen abgestimmt
Google Search Central - 'Understanding Core Web Vitals and Google search results' (2025)74 % der mobilen vs. 97 % der Desktop-Websites mit gutem INP (<= 200 ms) im Jahr 2024
HTTP Archive - Web Almanac 2024, Performance-Kapitel (2024)Mediane Total Blocking Time: mobil 1.208 ms vs. Desktop 67 ms (ca. 18x hoeher)
HTTP Archive - Web Almanac 2024, JavaScript-Kapitel (2024)Mediane Zeit in Long Tasks: 2.366 ms mobil vs. 329 ms Desktop; 14 vs. 3 Long Tasks im Median
HTTP Archive - Web Almanac 2024, JavaScript-Kapitel (2024)558 KB mediane JS-Auslieferung mobil; ca. 206 KB davon ungenutzt (44 % der ausgelieferten Bytes)
HTTP Archive - Web Almanac 2024, JavaScript-Kapitel (2024)INP der Suchseite um 72 % verbessert, +7 % Umsatz durch Debouncing und lokales State-Management
web.dev (Google) - Case study 'How redBus improved their website's INP' (2024)TBT 3.260 ms -> 120 ms; INP ~1.000 ms -> 257 ms; -50 % Absprungrate; +43 % Seitenaufrufe; Migration zu Next.js
web.dev (Google) - Case study 'Economic Times quest for fixing INP' (2023)Durchgaengig negative Korrelation zwischen INP und Conversion-Rate ueber vier E-Commerce-Sites; Effekt teils schon bei INP = 100 ms
SpeedCurve - 'Does Interaction to Next Paint actually correlate to user behavior?' (Cliff Crocker) (2023)Oesterreich: 57,6 % Desktop vs. 42,4 % Mobil (Mai 2026)
StatCounter Global Stats - Desktop vs Mobile Market Share Austria (2026)Oesterreich: 8,69 Mio. Internetnutzer (95,3 % Penetration, Oktober 2025); 99,5 % der Mobilfunkverbindungen Breitband (3G/4G/5G)
DataReportal - Digital 2026: Austria (2026)Mobil: INP 64,9 % gut, CLS 76,9 % gut, LCP 54,9 % gut (gute Erfahrung in mind. 75 % der Faelle)
DebugBear - 'Core Web Vitals: Which Metric Is The Hardest To Pass?' (2025)Často kladené otázky
Čo je dobrá hodnota INP?
V čom sa INP líši od First Input Delay (FID)?
Ako správne meriam INP?
Prečo je môj INP na mobilných zariadeniach horší ako na desktope?
Ako Next.js zlepšuje INP?
Akú úlohu hrajú consent bannery a tracking skripty pre INP?
Ovplyvňuje INP Google ranking?
Related Articles
Ako si stojí vaša stránka?
Získajte bezplatný SEO report vašej stránky e-mailom – technické SEO, on-page, kľúčové slová a konkurencia. Nezáväzne.
Vyžiadať bezplatný SEO audit →