FID: Definition und Ablösung durch INP

Der FID (First Input Delay) wurde von Google als Core-Web-Vitals-Metrik eingeführt, um die Reaktionsfähigkeit von Webseiten zu messen. Sein Prinzip: die Verzögerung zwischen der ersten Interaktion eines Nutzers (Klick auf einen Link, eine Schaltfläche, ein Formular) und dem Moment zu erfassen, in dem der Browser tatsächlich beginnt, diese Interaktion zu verarbeiten. Diese Verzögerung entstand, weil der Hauptthread des Browsers mit der Ausführung von JavaScript beschäftigt war. Die FID-Schwellen waren: gut, wenn unter 100 ms, verbesserungsbedürftig zwischen 100 ms und 300 ms, schlecht über 300 ms. Konkretes Beispiel: Ein Nutzer, der ein Dropdown-Menü anklickt, sobald die Seite geladen wird, und 250 ms wartet, bis sich das Menü öffnet, hatte einen schlechten FID. Im März 2024 hat Google den FID offiziell durch den INP (Interaction to Next Paint) in den Core Web Vitals ersetzt. Dieser Übergang erklärt sich durch die Grenzen des FID: Er mass nur die erste Interaktion (nicht die folgenden), ignorierte die vollständige Verarbeitungszeit und spiegelte die gesamte interaktive Erfahrung einer Seite nicht treu wider. Der INP, der die schlechteste Latenz unter allen Interaktionen der Sitzung misst, bietet eine umfassendere Sicht auf die Reaktionsfähigkeit.

Auch wenn der FID seit März 2024 keine offizielle Core-Web-Vital-Metrik mehr ist, hilft das Verständnis seiner Geschichte, die Entwicklung des Google-Denkens zur Reaktionsfähigkeit von Seiten zu erfassen. Die Optimierungen zur Verbesserung des FID (Reduzierung des blockierenden JavaScripts, Aufteilung langer Tasks, Web Workers) bleiben uneingeschränkt gültig, um den INP zu verbessern. Technische Teams, die in die FID-Optimierung investiert hatten, sind nun gut positioniert, um zu INP überzugehen.

Da der FID durch den INP ersetzt wurde, konzentrieren Sie Ihre Bemühungen auf letzteren. Die Prinzipien bleiben ähnlich: Reduzieren Sie lange JavaScript-Tasks (über 50 ms), indem Sie sie aufteilen, laden Sie Drittanbieter-Skripte asynchron oder verzögert, verwenden Sie Web Workers, um Berechnungen vom Hauptthread auszulagern. Auditieren Sie Ihr JavaScript mit dem Performance-Tab der Chrome DevTools, um Skripte zu identifizieren, die den Hauptthread beim Laden blockieren.