INP nach einem Klick prüfen

Kostenloser INP-Check nach einem Klick: Milten analysiert Interaction to Next Paint, findet langsame Handler, lange Animationsframes und Drittanbieter-Skripte, die die Reaktion der Oberfläche verzögern.

So funktioniert's

Wie Milten INP prüft

Von der URL zu Engineering-Aufgaben: Der Dienst spielt wichtige Seitenaktionen nach, misst die Verzögerung bis zum nächsten Paint und zeigt die technischen Ursachen schlechter Reaktionsfähigkeit.

01 · URL

Geben Sie eine URL mit wichtigen Aktionen ein

Prüfen Sie ein Formular, einen Katalog, Warenkorb, Checkout, ein Menü oder einen Kontobereich. Milten öffnet die Seite in einem Browser und wendet die ausgewählte Region, das Netzwerk und das Gerät an.

SSLhttps://your-site.com

02 · SZENARIO

Wir prüfen interaktive Szenarien

Klicks, Taps und Eingaben, die spürbare Verzögerungen verursachen, erscheinen im Bericht: Eingabeverzögerung, synchrones JavaScript, Layout/Render und der nächste Paint.

Analyse42%

03 · PLAN

Ursachen und Reihenfolge der Behebung erhalten

Der Bericht gruppiert Probleme nach Auswirkung: was die Oberfläche schnell reagieren lässt, wo ein Handler-Refactoring nötig ist und was im Performance-Backlog bleiben kann.

Den Checkout-Handler aufteilenP1

Feedback vor Berechnungen anzeigenP2

Das Chat-Widget isolierenP3

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

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 kann ich den INP meiner Website kostenlos prüfen?

Fügen Sie die URL in das Formular oben ein, wählen Sie ein Mobil- oder Desktop-Profil und klicken Sie auf „INP prüfen“. Milten öffnet die Seite in einem Browser, prüft interaktive Szenarien und zeigt Verzögerungen, lange Animationsframes und erste Empfehlungen.

Wie unterscheidet sich INP von TBT?

TBT ist ein Laborsignal für die Blockierung des Main-Threads während des Ladens. INP bewertet echte Nutzerinteraktionen nach dem Laden der Seite: Klicks, Taps, Eingaben und den nächsten Paint.

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

Sobald eine Verzögerung gefunden wurde, prüfen Sie nahe liegende Ursachen: bfcache, Speicherlecks, JavaScript-Bundles und die allgemeine Seitengeschwindigkeit.

Back-/Forward-Cache

Prüfen Sie, ob Seiten in den Browser-bfcache gelangen. Sehen Sie Blocker: unload, Event-Listener und offene IndexedDB-Transaktionen.

Prüfen

Ladegeschwindigkeit

Prüfen Sie Web Vitals und wichtige Geschwindigkeitsmetriken. Der Scanner führt zwei Durchläufe aus: Mobil und Desktop, und liefert anschließend einen priorisierten Korrekturplan.

Scanner ausführen

HTML-Validierung

Prüfen Sie Seitenstruktur, Gültigkeit, Semantik und erforderliche Meta-Tags.

Öffnen

Barrierefreiheit (a11y)

WCAG-Audit: Kontrast, Alt-Text, Landmarks, ARIA-Attribute und Tastaturnavigation. Inklusive Korrekturen und Beispielen.