FID: definizione e sostituzione con INP

Il FID (First Input Delay) è stato introdotto da Google come metrica Core Web Vitals per misurare la reattività delle pagine web. Il principio: catturare il ritardo tra la prima interazione di un utente (clic su un link, pulsante, modulo) e il momento in cui il browser inizia effettivamente a elaborare tale interazione. Questo ritardo esisteva perché il thread principale del browser era occupato a eseguire JavaScript. Le soglie del FID erano: buono se inferiore a 100 ms, da migliorare tra 100 ms e 300 ms, scarso oltre i 300 ms. Esempio concreto: un utente che clicca su un menu a tendina non appena la pagina si carica e attende 250 ms prima che il menu si apra sperimentava un FID scadente. A marzo 2024 Google ha ufficialmente sostituito il FID con l'INP (Interaction to Next Paint) nei Core Web Vitals. Questa transizione si spiega con i limiti del FID: misurava solo la prima interazione (non quelle successive), ignorava il tempo di elaborazione completo e non rifletteva fedelmente l'esperienza interattiva globale di una pagina. L'INP, misurando la peggiore latenza tra tutte le interazioni della sessione, offre una visione più completa della reattività.

Anche se il FID non è più un Core Web Vital ufficiale da marzo 2024, comprenderne la storia aiuta a cogliere l'evoluzione del pensiero di Google sulla reattività delle pagine. Le ottimizzazioni effettuate per migliorare il FID (riduzione del JavaScript bloccante, suddivisione delle long task, web worker) restano pienamente valide per migliorare l'INP. I team tecnici che avevano investito nell'ottimizzazione del FID si trovano naturalmente ben posizionati per passare all'INP.

Poiché il FID è stato sostituito dall'INP, concentrare gli sforzi su quest'ultimo. I principi rimangono simili: ridurre le long task JavaScript (superiori a 50 ms) suddividendole, caricare gli script di terze parti in modo asincrono o differito, utilizzare web worker per spostare i calcoli fuori dal thread principale. Effettuare un audit del JavaScript con la scheda Performance dei DevTools di Chrome per identificare gli script che bloccano il thread principale al caricamento.