Zum Inhalt springen
Milten

INP nach einem Klick prüfen

Reagieren Menü, Filter oder Warenkorb verzögert? Prüfen Sie INP in einem Testlauf und finden Sie Skripte, die die Reaktion verzögern.

Was INP ist

INP ist die Pause zwischen einer Aktion und der sichtbaren Antwort der Seite

Die Metrik sagt nicht, wie schnell die Seite geladen wurde, sondern wie schnell sie nach einem Klick, Tap oder einer Eingabe reagiert hat. Das macht INP besonders wichtig für Formulare, Filter, Warenkörbe, Menüs, Suche und Kontobereiche.

Interaktionsbeispiel

Wie ein Klick zu INP wird

Der Browser muss das Ereignis empfangen, den Handler ausführen, die Oberfläche neu berechnen und den nächsten Frame anzeigen. INP misst diesen gesamten Pfad.

Aufschlüsselung der Ereignisse
Beispiel-INP386ms
Eingabeverzögerung58msdas Ereignis wartet auf den Main-ThreadJS-Handler178msValidierung, Zustandsneuberechnung, synchrone LogikLayout / Render83msder Browser berechnet DOM und Styles neuNächster Paint67msder neue Frame erreicht schließlich den Bildschirm
So funktioniert's

Wie Milten INP prüft

Diese INP-Prüfung öffnet die Seite und testet verfügbare Interaktionen automatisch. Der Bericht unterscheidet Eingabeverzögerung, JavaScript-Verarbeitung und die nächste visuelle Aktualisierung.

01 · URL

Geben Sie eine URL mit wichtigen Aktionen ein

Wählen Sie eine erreichbare Seite mit Schaltflächen, Menüs oder Eingabefeldern. Vergleichen Sie Testläufe unter denselben Bedingungen. Ein automatischer Test bildet nicht jeden Besucherpfad nach.

02 · SZENARIO

Wir prüfen interaktive Szenarien

Der Scanner interagiert mit gefundenen Elementen und speichert die gemessenen Verzögerungen. Ist ein Zielelement nicht verfügbar oder eine Interaktion nicht gemessen, bestätigt das Ergebnis deren Performance nicht.

03 · PLAN

Ursachen und Reihenfolge der Behebung erhalten

Zum Beispiel öffnet sich ein Menü langsam. Vergleichen Sie Eingabeverzögerung, JavaScript-Verarbeitung und Darstellungsverzögerung. Teilen Sie aufwendige Arbeit auf, wiederholen Sie den Test und vergleichen Sie jeden Anteil.

FAQ

Häufig gestellte Fragen zu INP-Checks

Kurze Antworten zu Interaction to Next Paint, Core Web Vitals, SEO und praktischer Optimierung der Oberfläche.

Was ist INP und warum ist es wichtig?
INP ist die Core-Web-Vitals-Metrik für die Reaktionsfähigkeit der Oberfläche. Sie zeigt, wie viel Zeit zwischen einer Nutzeraktion und der nächsten visuellen Antwort der Seite vergeht. Ein guter Wert liegt bei bis zu 200 ms am 75. Perzentil.
Wie prüfe ich den INP meiner Website?
Melden Sie sich an und wählen Sie einen Tarif mit INP-Prüfung. Geben Sie die Seiten-URL ein, wählen Sie ein Geräteprofil und starten Sie die Prüfung. Milten testet Interaktionen im Browser und zeigt Verzögerungen und Empfehlungen.
Wie unterscheidet sich INP von TBT?
TBT misst die Blockierung des Main-Threads während des Ladens. INP misst die Interaktionslatenz. Dieser Diagnoselauf hilft, eine Ursache zu finden, entspricht aber nicht dem INP aus Felddaten echter Besucher über einen Beobachtungszeitraum. Für eine bestimmte URL können CrUX-Daten fehlen.
Was sollte ich bei schlechtem INP tun?
Finden Sie zuerst die konkrete Interaktion mit dem höchsten Anteil: eine Schaltfläche, einen Filter, ein Formular, ein Menü oder den Checkout. Prüfen Sie dann lange Aufgaben, synchrone Handler, unnötige Render-Arbeit, erzwungenes Reflow und Drittanbieter-Skripte.
Wie lange dauert die INP-Analyse?
Ein schneller Check dauert in der Regel weniger als eine Minute, die genaue Dauer hängt jedoch von der ausgewählten Region, dem Netzwerkprofil, der CPU-Drosselung und der Anzahl interaktiver Szenarien ab. Vergleichen Sie für stabile Schlussfolgerungen mehrere Durchläufe unter denselben Bedingungen.
Verwandte Dienste

Was nach INP prüfen

Back-/Forward-Cache

Prüfen Sie, ob der Browser seinen Cache beim Vor- und Zurücknavigieren nutzt. Finden Sie heraus, was das Zwischenspeichern verhindert.

Prüfen

Speicherlecks

Finden Sie Daten, die nach wiederholten Seitenwechseln im Speicher verbleiben. Prüfen Sie mögliche Speicherlecks und wachsende Datenmengen.

Öffnen

JavaScript-Prüfung

Prüfen Sie JavaScript-Dateien, Ladefehler und beim Laden ungenutzten Code. Finden Sie Skripte, die genauer untersucht werden sollten.

Öffnen

Ladegeschwindigkeit

Prüfen Sie das Laden mit den gewählten Geräte- und Netzwerkeinstellungen. Erhalten Sie Geschwindigkeitsmessungen, Ergebnisse und Empfehlungen.

Scanner ausführen
Cookies

Wir verwenden Cookies

Wir verwenden Cookies, um Ihnen ein besseres Erlebnis auf unserer Website zu bieten. Mehr über die Verwendung von Cookies erfahren Sie in unserer Datenschutzrichtlinie.