Informazioni su Interaction to Next Paint
Che cos'è Interaction to Next Paint?
Interaction to Next Paint misura quanto tempo impiega una pagina a rispondere visivamente quando un utente interagisce con essa: un tocco, un clic o la pressione di un tasto. Il conteggio parte dal momento dell’interazione fino al successivo aggiornamento dello schermo.
Ciò che misura è la sensazione che una pagina non risponda: il menu che non si apre, il pulsante premuto due volte perché la prima volta non è successo nulla. Quella latenza è quasi sempre dovuta al thread principale occupato con qualcos’altro.
È diventato un Core Web Vitals nel marzo 2024, sostituendo il First Input Delay. Il cambiamento è stato importante perché la vecchia metrica misurava solo il ritardo prima che la prima interazione iniziasse a essere elaborata, favorendo le pagine che rispondevano rapidamente una volta per poi rallentare notevolmente.
Cosa si considera un buon INP?
Google considera buono un valore pari o inferiore a 200 millisecondi, mentre un valore compreso tra 200 e 500 millisecondi indica la necessità di miglioramenti; qualsiasi valore superiore a 500 millisecondi è considerato scarso, sempre al 75° percentile delle interazioni reali.
A differenza dell’LCP, questa non è una singola misurazione per ogni caricamento della pagina. Un visitatore interagisce molte volte durante una sessione e l’INP restituisce un valore vicino al peggiore di questi eventi; di conseguenza, una pagina viene valutata in base al suo momento più lento, anziché a quello tipico.
Questo lo rende il più difficile da falsificare dei tre. Una pagina può essere fatta caricare rapidamente durante un test; mantenere la reattività per tutta una sessione dipende dal modo in cui è stata costruita.
Cosa causa solitamente un INP scarso
I problemi di INP sono quasi sempre problemi di JavaScript e, nello specifico, attività lunghe che bloccano il thread principale mentre il visitatore sta cercando di utilizzare la pagina.
- Gestori di eventi pesanti che svolgono il proprio lavoro in modo sincrono prima di cedere il controllo.
- Script di grandi dimensioni ancora in fase di analisi ed esecuzione mentre la pagina sembra pronta.
- Tag di terze parti: widget di chat, strumenti di analisi, test A/B e script pubblicitari che competono per lo stesso thread.
- Operazioni di layout costose avviate da un’interazione, come il nuovo rendering di un elenco lungo.
- Framework che eseguono nuovamente il rendering di una porzione della pagina più ampia di quella effettivamente modificata dall’interazione.
Le terze parti meritano particolare attenzione, perché sono la parte della pagina di cui nessuno è proprietario e quella che cambia senza che nessuno distribuisca alcunché.
Come migliorarlo
- Suddividi le attività lunghe e restituisci il controllo al browser, così potrà eseguire il rendering tra un’attività e l’altra.
- Mostra prima il risultato visibile di un’interazione, quindi esegui il lavoro rimanente.
- Rimanda tutto ciò che non è necessario per la prima interazione, soprattutto gli script di terze parti.
- Esegui un audit del gestore dei tag. La maggior parte dei siti contiene tag di cui nessuno ha più avuto bisogno per anni.
- Evita di eseguire nuovamente il rendering di intere sezioni quando cambia un solo elemento.
- Esegui i test su uno smartphone di fascia media, dove è molto più facile saturare il thread rispetto a un laptop.
Cosa controlla questo strumento
Il test INP legge i dati sul campo di Google relativi alla pagina, ovvero le misurazioni raccolte da visitatori reali in Chrome, e mostra in quale fascia rientra rispetto alle soglie riportate sopra.
L'INP può essere misurato solo quando qualcuno interagisce effettivamente, quindi è la metrica che più probabilmente non sarà disponibile su una pagina poco frequentata o che le persone si limitano a leggere. Non si tratta di un errore: significa che non c'è ancora nulla da segnalare.
Cosa fare dopo
La responsività è un problema di scripting, quindi inizia da ciò che viene eseguito sulla pagina. Controlla la presenza di
Errori JavaScript, verifica quanti file distinti vengono caricati con lo strumento
richiesta di pagina e assicurati che non ci siano problemi evidenti eseguendo un
audit del sito completo.