INP Proxy
Reaktionszeit entscheidet über Bedienbarkeit.
Das Thema dieser Seite: Der INP Proxy nutzt die JS-Last als Indikator, ob Interaktionen verzögert reagieren.
Inhalt
Inhaltsverzeichnis
Klicke auf einen Abschnitt, um direkt dorthin zu springen.
Check
Der Check bewertet die JS-Last und ordnet die erwartete Interaktionslatenz in Stufen ein.
| Prüfpunkt | Bedeutung | Bewertung |
|---|---|---|
| JS-Last gering | Reaktionen schnell | OK |
| JS-Last erhöht | Spürbare Verzögerung | Warnung |
| JS-Last sehr hoch | Interaktionen blockieren | Kritisch |
Kontext & Problemraum
INP leidet, wenn der Main-Thread durch große Bundles oder Third-Party Skripte ausgelastet ist.
| Situation | Symptom | Risiko |
|---|---|---|
| Viele Skripte | Klicks reagieren spät | Absprünge steigen |
| Schwere Widgets | Input-Lag | Conversion sinkt |
| Animationen | Ruckeln | Bedienung wirkt träge |
Entscheidungslogik
| Wenn | Dann | Empfehlung |
|---|---|---|
| Bundle sehr groß | Main-Thread blockiert | Code splitten |
| Third-Party dominiert | Kontrolle gering | Tags ausmisten |
| JS-Last gering | Signal ok | Beibehalten |
Erklärende Details
INP misst, wie lange Interaktionen blockiert werden. Ein hoher JS-Anteil erhöht die Wahrscheinlichkeit langer Tasks.
import('checkout').then(init)| Detail | Warum relevant | Hinweis |
|---|---|---|
| Code Splitting | Weniger JS initial | Nur kritisches laden |
| Long Tasks | Inputs blockiert | Tasks aufteilen |
| Event Handling | Reaktionszeit | Debounce/Throttle |
Risiken, Grenzen & Einschränkungen
| Grenze | Woran erkennbar | Was tun |
|---|---|---|
| Proxy statt Feldwert | Lab misst anders | Mit RUM abgleichen |
| Geräte-Mix | Mobile schlechter | Mobile priorisieren |
| Einzelne Flows | Checkout langsam | Flow-spezifisch messen |
Third-Party-Skripte
Externe Skripte bremsen Interaktionen.
Render-blockierendes JS
JS im kritischen Pfad reduzieren.
Gesamtladezeit
Gesamtzeit als Gegenstück zur Interaktion.