--- title: "INP" title_en: "Interaction to Next Paint" description: "INP (Interaction to Next Paint) ist ein Core Web Vital, der misst, wie schnell eine Webseite nach Klick, Tipp oder Tastendruck sichtbar reagiert. Gut sind 200 Millisekunden oder weniger; schweres JavaScript und aufgeblähte Pagebuilder verschlechtern den Wert." description_en: "INP (Interaction to Next Paint) is a Core Web Vital that measures how quickly a page visibly responds after a click, tap or key press. 200 milliseconds or less is good; heavy JavaScript and bloated page builders worsen it." summary_en: "INP (Interaction to Next Paint) is a Core Web Vital that measures how quickly a page visibly responds after a click, tap or key press. 200 milliseconds or less is good; heavy JavaScript and bloated page builders worsen it." direct_answer_en: "INP (Interaction to Next Paint) is the Core Web Vital for responsiveness. It observes the latency of clicks, taps and key presses during a page visit and reports a value close to the longest one; at the 75th percentile of real users, 200 ms or less is good and above 500 ms is poor. INP replaced FID in March 2024." url: "https://modern-stack.de/glossar/inp" type: "glossary" kind: "glossary" language: de-DE updated_at: "2026-10-06T18:00:00+00:00" --- # INP ## English Abstract INP (Interaction to Next Paint) is a Core Web Vital that measures how quickly a page visibly responds after a click, tap or key press. 200 milliseconds or less is good; heavy JavaScript and bloated page builders worsen it. ## Quick Answer (EN) INP (Interaction to Next Paint) is the Core Web Vital for responsiveness. It observes the latency of clicks, taps and key presses during a page visit and reports a value close to the longest one; at the 75th percentile of real users, 200 ms or less is good and above 500 ms is poor. INP replaced FID in March 2024. ## Key Takeaways (EN) - INP measures the time from user input until the next frame is painted, across the whole visit. - Thresholds at the 75th percentile: good ≤ 200 ms, needs improvement 200–500 ms, poor > 500 ms. - It replaced First Input Delay as a Core Web Vital in March 2024. - Main causes are long tasks, heavy JavaScript, large DOMs and third-party scripts. ## English Summary Interaction to Next Paint observes the latency of all clicks, taps and keyboard interactions during a page visit, from input through event processing to the next paint, and reports roughly the worst one. Google considers 200 ms or less good, more than 500 ms poor, assessed at the 75th percentile of field data. INP replaced First Input Delay as a Core Web Vital on March 12, 2024. Reducing long tasks, JavaScript size and DOM size are the main levers. Modern Stack ships lean HTML and minimal client JavaScript. ## Quick Answer **INP:** INP (Interaction to Next Paint) ist der Core Web Vital für Reaktionsfähigkeit. Er misst bei Klicks, Tipps und Tastendrücken die Zeit bis zum nächsten sichtbaren Bild und meldet einen Wert nahe der längsten Interaktion eines Besuchs. Gut sind höchstens 200 Millisekunden, schlecht über 500 Millisekunden, bewertet am 75. Perzentil echter Nutzer. Weniger JavaScript verbessert INP am stärksten. > Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen. > Steve Baka ## Key Takeaways - INP misst die Zeit von der Eingabe bis zum nächsten gezeichneten Frame, über den gesamten Besuch. - Schwellen: gut ≤ 200 ms, verbesserungsbedürftig bis 500 ms, schlecht darüber (75. Perzentil). - INP hat im März 2024 den First Input Delay als [Core Web Vital](/glossar/core-web-vitals) abgelöst. - Hauptursachen: lange Aufgaben, schweres JavaScript, großer DOM und Fremdskripte — siehe [Hydration](/glossar/hydration). ## Was ist INP? **Interaction to Next Paint** misst, wie lange es dauert, bis eine Webseite nach einer Eingabe sichtbar reagiert. Eine Interaktion umfasst drei Phasen: die Verzögerung, bis der Browser die Eingabe überhaupt bearbeiten kann (Input Delay), die Zeit für die Ausführung der Event-Handler (Processing Time) und die Zeit, bis der Browser das neue Bild zeichnet (Presentation Delay). Die Summe ist die Latenz einer Interaktion. Anders als sein Vorgänger First Input Delay, der nur die Verzögerung der ersten Eingabe betrachtete, berücksichtigt INP alle Klicks, Tipps und Tastendrücke während der gesamten Zeit auf der Seite. Als Wert wird bei vielen Interaktionen ein Wert nahe der längsten gemeldet; seltene Ausreißer werden herausgerechnet. Scrollen und Hover zählen nicht. Seit dem 12. März 2024 ist INP offizieller Core Web Vital und hat FID abgelöst. ## Welche Werte sind gut? Google definiert drei Bereiche, jeweils bewertet am 75. Perzentil der echten Seitenaufrufe, getrennt nach Mobil und Desktop: | Bewertung | INP | | --- | --- | | Gut | bis 200 ms | | Verbesserungsbedürftig | 200 bis 500 ms | | Schlecht | über 500 ms | Die echten Nutzerdaten stammen etwa aus dem Chrome User Experience Report oder aus eigener Messung. Laborwerkzeuge wie Lighthouse kennen keinen INP im selben Sinn, weil dort keine echten Eingaben passieren; sie liefern stattdessen Hinweise über lange Aufgaben. Für belastbare Aussagen brauchst du Felddaten. ## Warum ist INP schlecht, und was hilft? Typische Ursachen: - **Lange Aufgaben im Main Thread:** JavaScript-Blöcke über 50 ms verhindern, dass der Browser auf Eingaben reagiert. - **Zu viel [Hydration](/glossar/hydration):** Das Framework verbringt nach dem Laden Zeit mit dem Aufbau der Komponenten. - **Großer DOM:** Jede Änderung löst teure Stil- und Layoutberechnungen aus. Das ist bei [Pagebuildern](/glossar/pagebuilder) wie [Elementor](/glossar/elementor) häufig. - **Drittanbieter-Skripte:** Tracking, Chat, Banner und Widgets laufen im selben Thread. - **Aufwendige Event-Handler:** Berechnungen, die bei jedem Tastendruck laufen. Gegenmaßnahmen folgen derselben Logik: Arbeit aufteilen (lange Aufgaben zerlegen und dem Browser zwischendurch Luft lassen), weniger JavaScript ausliefern, Komponenten ohne Interaktion nicht hydrieren, DOM verkleinern und Fremdskripte nur laden, wenn sie nötig sind. Ein [CDN](/glossar/cdn) hilft kaum, weil es Dateien schneller ausliefert, nicht aber die Arbeit im Browser verkürzt. ## Warum ist INP für Anfragen und KI-Sichtbarkeit relevant? Für Besucher zählt das Gefühl: Ein Menü, das zögert, oder ein Formular, das nach dem Tippen hängt, kostet Vertrauen und Anfragen. Gerade mobile Nutzer mit schwächeren Geräten sind betroffen. Core Web Vitals gehören außerdem zu den Signalen, die Google für die Seitenerfahrung berücksichtigt, ohne dass sie Relevanz ersetzen. Indirekt zählt INP auch für [GEO](/glossar/geo): Eine Webseite, die mit schlankem HTML und wenig Client-Code arbeitet, ist meist zugleich gut [extrahierbar](/glossar/extrahierbarkeit). Dieselben Maßnahmen, die INP verbessern, reduzieren Ballast für Crawler und Abrufer. ## Wie gehen wir bei Modern Stack mit INP um? Wir messen vor und nach dem Umbau und streben für kritische Seiten Werte im grünen Bereich an. Konkret setzen wir auf [Next.js](/glossar/nextjs) mit statischem oder serverseitigem HTML, hydrieren nur interaktive Komponenten, laden Skripte von Dritten sparsam und vermeiden Pagebuilder-Markup. Wie die Messung und Verbesserung der drei Vitals im Zusammenhang abläuft, beschreibt das Thema [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung). ## Verwandte Themen - [Core Web Vitals](/glossar/core-web-vitals) - [LCP](/glossar/lcp) - [CLS](/glossar/cls) - [Hydration](/glossar/hydration) - [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung) ## Quellen - [web.dev — Interaction to Next Paint (INP)](https://web.dev/articles/inp) — Google web.dev; Offizielle Definition, Schwellenwerte und Messmethode. - [web.dev — Optimize Interaction to Next Paint](https://web.dev/articles/optimize-inp) — Google web.dev; Konkrete Optimierungsschritte für Eingabeverzögerung, Verarbeitung und Darstellung. - [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung) — Modern Stack; Praxis, wie wir Performance im Stack verbessern. ## FAQ ### Welche INP-Werte gelten als gut? Nach web.dev ist INP gut bei höchstens 200 Millisekunden, verbesserungsbedürftig zwischen 200 und 500 Millisekunden und schlecht darüber. Maßgeblich ist das 75. Perzentil der echten Besuche, nicht ein einzelner Labortest. ### Was ist der Unterschied zu FID? FID maß nur die Verzögerung vor der Verarbeitung der ersten Eingabe. INP betrachtet alle Interaktionen eines Besuchs und die Zeit bis zum nächsten sichtbaren Frame. Seit März 2024 ersetzt INP den FID als Core Web Vital. ### Warum ist INP wichtig für Anfragen und Conversion? Wer tippt oder klickt und nichts passiert, bricht ab. Bei Menüs, Formularen und Buttons entscheidet die Reaktionszeit, ob eine Anfrage abgesendet wird. ### Hilft ein CDN gegen schlechten INP? Kaum. Ein CDN beschleunigt das Laden von Dateien. INP leidet dagegen unter Arbeit im Browser, vor allem langen JavaScript-Aufgaben. ## Related - [Core Web Vitals](https://modern-stack.de/glossar/core-web-vitals) - [LCP](https://modern-stack.de/glossar/lcp) - [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung) - [CLS](https://modern-stack.de/glossar/cls) - [Hydration](https://modern-stack.de/glossar/hydration) ## Inline Entity Mentions - [[entity:core-web-vitals]] → https://modern-stack.de/themen/core-web-vitals - [[entity:hydration]] → https://modern-stack.de/themen/hydration - [[entity:pagebuilder]] → https://modern-stack.de/themen/pagebuilder - [[entity:elementor]] → https://modern-stack.de/themen/elementor - [[entity:cdn]] → https://modern-stack.de/themen/cdn - [[entity:geo]] → https://modern-stack.de/themen/geo - [[entity:extrahierbarkeit]] → https://modern-stack.de/themen/extrahierbarkeit - [[entity:nextjs]] → https://modern-stack.de/themen/nextjs - [[entity:core-web-vitals-modernisierung]] → https://modern-stack.de/themen/core-web-vitals-modernisierung - [[entity:lcp]] → https://modern-stack.de/themen/lcp - [[entity:cls]] → https://modern-stack.de/themen/cls ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://modern-stack.de/#website", "url": "https://modern-stack.de", "name": "Modern Stack", "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://modern-stack.de/#organization" }, "inLanguage": "de-DE" }, { "@type": [ "Organization", "ProfessionalService" ], "@id": "https://modern-stack.de/#organization", "name": "Modern Stack", "legalName": "Modern Stack", "url": "https://modern-stack.de", "logo": "https://modern-stack.de/brand/logo.png", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack", "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "foundingLocation": { "@type": "Place", "name": "Bad Schönborn, Deutschland" }, "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressRegion": "Baden-Württemberg", "addressCountry": "DE" }, "geo": { "@type": "GeoCoordinates", "latitude": 49.22167, "longitude": 8.65734 }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "knowsAbout": [ "Webseite-Modernisierung", "WordPress-Migration", "Generative Engine Optimization", "Lokale Sichtbarkeit Bad Schönborn" ], "founder": { "@id": "https://modern-stack.de/#person" } }, { "@type": "Person", "@id": "https://modern-stack.de/#person", "name": "Steve Baka", "jobTitle": "Gründer, Modern Stack", "url": "https://stevebaka.de", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://modern-stack.de/#organization" }, "knowsAbout": [ "Webseite-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://modern-stack.de/glossar/inp#webpage", "url": "https://modern-stack.de/glossar/inp", "name": "INP (Interaction to Next Paint) erklärt | Modern Stack", "description": "INP einfach erklärt: Was Interaction to Next Paint misst, welche Schwellenwerte gelten, warum JavaScript und Pagebuilder den Wert drücken und wie du ihn verbesserst.", "isPartOf": { "@id": "https://modern-stack.de/#website" }, "about": { "@id": "https://modern-stack.de/glossar/inp#main" }, "breadcrumb": { "@id": "https://modern-stack.de/glossar/inp#breadcrumb" }, "dateModified": "2026-10-06T18:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/inp#main", "name": "INP (Interaction to Next Paint) erklärt", "headline": "INP (Interaction to Next Paint) erklärt", "alternateName": "INP", "description": "INP (Interaction to Next Paint) ist ein Core Web Vital, der misst, wie schnell eine Webseite nach Klick, Tipp oder Tastendruck sichtbar reagiert. Gut sind 200 Millisekunden oder weniger; schweres JavaScript und aufgeblähte Pagebuilder verschlechtern den Wert.", "abstract": [ { "@value": "INP (Interaction to Next Paint) ist ein Core Web Vital, der misst, wie schnell eine Webseite nach Klick, Tipp oder Tastendruck sichtbar reagiert. Gut sind 200 Millisekunden oder weniger; schweres JavaScript und aufgeblähte Pagebuilder verschlechtern den Wert.", "@language": "de" }, { "@value": "INP (Interaction to Next Paint) is a Core Web Vital that measures how quickly a page visibly responds after a click, tap or key press. 200 milliseconds or less is good; heavy JavaScript and bloated page builders worsen it.", "@language": "en" } ], "url": "https://modern-stack.de/glossar/inp", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-08-31T18:00:00+00:00", "dateModified": "2026-10-06T18:00:00+00:00", "author": { "@id": "https://modern-stack.de/#person" }, "publisher": { "@id": "https://modern-stack.de/#organization" }, "mainEntityOfPage": { "@id": "https://modern-stack.de/glossar/inp#webpage" }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".gb-direct-answer", ".gb-faq-answer" ] }, "encoding": { "@type": "MediaObject", "encodingFormat": "text/markdown", "name": "English direct answer", "text": "INP (Interaction to Next Paint) is the Core Web Vital for responsiveness. It observes the latency of clicks, taps and key presses during a page visit and reports a value close to the longest one; at the 75th percentile of real users, 200 ms or less is good and above 500 ms is poor. INP replaced FID in March 2024." }, "citation": [ "https://web.dev/articles/inp", "https://web.dev/articles/optimize-inp", "https://modern-stack.de/themen/core-web-vitals-modernisierung" ], "mentions": [ { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/core-web-vitals#main", "name": "Core Web Vitals", "alternateName": "Core Web Vitals", "url": "https://modern-stack.de/glossar/core-web-vitals" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/lcp#main", "name": "LCP", "alternateName": "Largest Contentful Paint", "url": "https://modern-stack.de/glossar/lcp" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/core-web-vitals-modernisierung#main", "name": "Core Web Vitals & Modernisierung", "alternateName": "Core Web Vitals and modernization", "url": "https://modern-stack.de/themen/core-web-vitals-modernisierung" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/cls#main", "name": "CLS", "alternateName": "Cumulative Layout Shift", "url": "https://modern-stack.de/glossar/cls" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/hydration#main", "name": "Hydration", "alternateName": "Hydration", "url": "https://modern-stack.de/glossar/hydration" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/pagebuilder#main", "name": "Pagebuilder", "alternateName": "Page builder", "url": "https://modern-stack.de/glossar/pagebuilder" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/elementor#main", "name": "Elementor", "alternateName": "Elementor", "url": "https://modern-stack.de/glossar/elementor" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/cdn#main", "name": "CDN", "alternateName": "Content Delivery Network", "url": "https://modern-stack.de/glossar/cdn" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/geo#main", "name": "GEO", "alternateName": "Generative Engine Optimization", "url": "https://modern-stack.de/glossar/geo" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/extrahierbarkeit#main", "name": "Extrahierbarkeit", "alternateName": "Extractability", "url": "https://modern-stack.de/glossar/extrahierbarkeit" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/nextjs#main", "name": "Next.js", "alternateName": "Next.js", "url": "https://modern-stack.de/glossar/nextjs" } ], "inDefinedTermSet": "https://modern-stack.de/glossar" }, { "@type": "BreadcrumbList", "@id": "https://modern-stack.de/glossar/inp#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://modern-stack.de/" }, { "@type": "ListItem", "position": 2, "name": "Glossar", "item": "https://modern-stack.de/glossar" }, { "@type": "ListItem", "position": 3, "name": "INP", "item": "https://modern-stack.de/glossar/inp" } ] }, { "@type": "FAQPage", "@id": "https://modern-stack.de/glossar/inp#faq", "mainEntity": [ { "@type": "Question", "name": "Welche INP-Werte gelten als gut?", "acceptedAnswer": { "@type": "Answer", "text": "Nach web.dev ist INP gut bei höchstens 200 Millisekunden, verbesserungsbedürftig zwischen 200 und 500 Millisekunden und schlecht darüber. Maßgeblich ist das 75. Perzentil der echten Besuche, nicht ein einzelner Labortest." } }, { "@type": "Question", "name": "Was ist der Unterschied zu FID?", "acceptedAnswer": { "@type": "Answer", "text": "FID maß nur die Verzögerung vor der Verarbeitung der ersten Eingabe. INP betrachtet alle Interaktionen eines Besuchs und die Zeit bis zum nächsten sichtbaren Frame. Seit März 2024 ersetzt INP den FID als Core Web Vital." } }, { "@type": "Question", "name": "Warum ist INP wichtig für Anfragen und Conversion?", "acceptedAnswer": { "@type": "Answer", "text": "Wer tippt oder klickt und nichts passiert, bricht ab. Bei Menüs, Formularen und Buttons entscheidet die Reaktionszeit, ob eine Anfrage abgesendet wird." } }, { "@type": "Question", "name": "Hilft ein CDN gegen schlechten INP?", "acceptedAnswer": { "@type": "Answer", "text": "Kaum. Ein CDN beschleunigt das Laden von Dateien. INP leidet dagegen unter Arbeit im Browser, vor allem langen JavaScript-Aufgaben." } } ] } ] } ```