INP und Core Web Vitals in der Praxis

Eine Seite kann den ersten Inhalt schnell anzeigen und trotzdem langsam auf Klicks reagieren. Leistungstests enden deshalb nicht beim anfänglichen Laden, sondern umfassen spätere Nutzeraufgaben.

Was INP beurteilen hilft

INP beschreibt die Reaktionsfähigkeit bei Klicks, Berührungen und Tastatureingaben. Die Diagnose beginnt mit konkreten, als langsam empfundenen Aktionen statt mit beliebigen Codeänderungen.

Dokumentation: web.dev.

Mit einem Szenario beginnen

Ein Menü öffnen, ein Produkt hinzufügen oder Filter ausklappen sind mögliche Testfälle. Gerät, Bedingungen und Zeitpunkt der Verzögerung werden festgehalten. Ein Einzeltest bildet nicht die Erfahrung aller Nutzer ab.

Verzögernde Arbeit finden

Wir untersuchen Berechnungen, Darstellungsänderungen und Skripte während der Interaktion. Eine Verbesserung entfernt unnötige Arbeit oder ordnet sie sinnvoller. Eine Warteanimation allein löst die Ursache nicht.

Beispiel eines komplexen Filters

Berechnet eine einzige Auswahl die gesamte Liste mehrfach neu, untersuchen wir diese Wiederholung. Danach prüfen wir Geschwindigkeit und Richtigkeit. Ein schneller Filter ist kein Erfolg, wenn Produkte fehlen oder veraltete Daten erscheinen.

Abnahme und weitere Kontrolle

Dasselbe Szenario wird vor und nach der Änderung verglichen; verfügbare Nutzungsdaten ergänzen die Beobachtung. Testbedingungen bleiben dokumentiert. Neue Skripte, Komponenten und Integrationen sollten auch auf ihre Auswirkungen auf Interaktionen geprüft werden.