Transition Period
While the web-vitals.js library will receive a version bump (5.0) to accommodate the change, most other tools will stop reporting FID data without a version update.
The CrUX BigQuery project will remove FID-related fields from its schema starting with the 202409 dataset, scheduled for release in October.
To aid developers in the transition, the Chrome team is also retiring the “Optimize FID” documentation, redirecting users to the updated “Optimize INP” guidance.
We’re also shutting down the old Optimize FID article
Now with better APIs and metrics, there’s no reason to optimize ONLY the input delay phase of an interaction. Instead, focus on the entire UX from input to painthttps://t.co/DMzeFUelfm
— Rick Viscomi (@rick_viscomi) September 10, 2024
What To Do Next
Here are some steps to take to in light of the transition from FID to INP:
Familiarize yourself with the INP metric by reviewing the official documentation on web.dev. Understand how INP measures the full lifecycle of an interaction from input to visual update.
Audit your site’s current INP performance using tools like PageSpeed Insights or real-user monitoring services that support INP. Identify areas where interaction responsiveness needs improvement.
Consult the “Optimize INP” guidance on web.dev for best practices on reducing input delay, optimizing event handling, minimizing layout thrashing, and other techniques to enhance INP.
Update any performance monitoring tools or custom scripts that currently rely on the deprecated FID metric to use INP instead. For web-vitals.js users, be prepared for the breaking change in version 5.0.
If leveraging the CrUX BigQuery dataset, plan to update data pipelines to handle the schema changes, removing FID fields after the 202409 release in October.
By taking these steps, you can ensure a smooth migration to INP.
Featured Image: Mojahid Mottakin/Shutterstock