La latenza input stimata è una delle sei metriche monitorate nella sezione Prestazioni del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento delle pagine.
I report Lighthouse mostrano la latenza di input stimata in millisecondi:
Cosa misura la latenza di input stimata
La latenza di input stimata è una stima del tempo impiegato dall'app per rispondere all'input utente durante la finestra di caricamento della pagina di 5 secondi più impegnativa. La tempistica di questo controllo va da First Meaningful Paint alla fine della traccia, circa 5 secondi dopo Time to Interactive. Se la latenza è superiore a 50 ms, gli utenti potrebbero considerare lenta la tua app.
Il modello di prestazioni RAIL consiglia che le app rispondano all'input utente entro 100 ms, mentre il punteggio di latenza di input stimata di Lighthouse è 50 ms. Perché? Lighthouse utilizza una metrica del proxy (la disponibilità del thread principale) per misurare l'efficacia con cui la tua app risponde all'input utente.
Lighthouse presuppone che la tua app abbia bisogno di 50 ms per rispondere completamente all'input dell'utente (dall'esecuzione di qualsiasi esecuzione JavaScript al disegno fisico dei nuovi pixel sullo schermo). Se il thread principale non è disponibile per 50 ms o più, il tempo necessario per l'app non è sufficiente per completare la risposta.
Circa il 90% degli utenti rileverà la quantità di latenza di input segnalata da Lighthouse o meno. Il 10% degli utenti può aspettarsi una latenza maggiore.
Come migliorare il punteggio Latenza input stimata
Per velocizzare la risposta dell'app all'input utente, ottimizza l'esecuzione del codice nel browser. Scopri la serie di tecniche descritte nella pagina Rendimento del rendering di Google. Questi suggerimenti vanno dall'offload del calcolo ai web worker per liberare il thread principale, al refactoring dei selettori CSS per eseguire meno calcoli o all'utilizzo di proprietà CSS che riducono al minimo la quantità di operazioni ad uso intensivo del browser.
Come misurare manualmente la latenza di input stimata
Per misurare manualmente la latenza di input stimata, crea una registrazione con la sequenza temporale di Chrome DevTools. Per un esempio del flusso di lavoro, vedi Ridurre il lavoro del thread principale. L'idea di base è avviare una registrazione, eseguire l'input utente che vuoi misurare, interrompere la registrazione e quindi analizzare il grafico a fiamme per assicurarti che tutte le fasi della pipeline dei pixel siano completate entro 50 ms.