Il tempo di interattività (TTI) è una metrica di laboratorio per misurare la reattività al caricamento. Consente di identificare i casi in cui una pagina sembra interattiva, ma non lo è. Un TTI veloce contribuisce a garantire che la pagina sia utilizzabile.
Che cos'è il TTI?
La metrica TTI misura il tempo che intercorre dall'inizio del caricamento della pagina al caricamento delle principali risorse secondarie ed è in grado di rispondere in modo affidabile e rapido all'input utente.
Per calcolare il TTI in base a una traccia di rendimento di una pagina web:
- Inizia da First Contentful Paint (FCP).
- Cerca in avanti nel tempo una finestra di inattività di almeno cinque secondi, dove finestra di inattività è definita come: nessuna attività lunga e non più di due richieste GET di rete in corso.
- Cerca all'indietro l'ultima attività lunga prima della finestra di inattività, fermandoti al FCP se non vengono trovate attività lunghe.
- Il TTI è l'ora di fine dell'ultima attività lunga prima della finestra di inattività (o lo stesso valore del FCP se non vengono trovate attività lunghe).
Il seguente diagramma dovrebbe aiutarti a visualizzare i passaggi precedenti:
In passato, gli sviluppatori hanno ottimizzato le pagine per tempi di rendering rapidi, talvolta a scapito del TTI.
Tecniche come il rendering lato server (SSR) possono portare a scenari in cui una pagina sembra interattiva (ovvero i link e i pulsanti sono visibili sullo schermo), ma non lo è perché il thread principale è bloccato o perché il codice JavaScript che controlla questi elementi non è stato caricato.
Quando gli utenti tentano di interagire con una pagina che sembra interattiva, ma non lo è, probabilmente risponderanno in due modi:
- Nel migliore dei casi, il cliente si arrabbierà per la lentezza della risposta della pagina.
- Nel peggiore dei casi, presumeranno che la pagina non funzioni e probabilmente se ne andranno. Potrebbero persino perdere fiducia nel valore del tuo brand.
Per evitare questo problema, fai di tutto per ridurre al minimo la differenza tra FCP e TTI. Se esiste una differenza evidente, chiarisci tramite indicatori visivi che i componenti della pagina non sono ancora interattivi.
Come misurare il TTI
Il TTI è una metrica che è meglio misurare in laboratorio. Il modo migliore per misurare il TTI è eseguire un controllo approfondito del rendimento di Lighthouse sul tuo sito. Per informazioni dettagliate sull'utilizzo, consulta la documentazione di Lighthouse su TTI.
Strumenti di laboratorio
Che cos'è un buon punteggio TTI?
Per offrire una buona esperienza utente, i siti dovrebbero fare in modo che il valore Tempo di risposta sia inferiore a 5 secondi quando viene eseguito il test su hardware mobile medio.
Per informazioni dettagliate su come il TTI della tua pagina influisce sul punteggio di rendimento di Lighthouse, consulta In che modo Lighthouse determina il punteggio TTI.
Come migliorare il TTI
Per scoprire come migliorare il TTI per un sito specifico, puoi eseguire un controllo del rendimento di Lighthouse e prestare attenzione alle eventuali opportunità specifiche suggerite dal controllo.
Per scoprire come migliorare il TTI in generale (per qualsiasi sito), consulta le seguenti guide sul rendimento:
- Minimizza JavaScript
- Precollegarsi alle origini richieste
- Precaricare le richieste di chiavi
- Ridurre l'impatto del codice di terze parti
- Riduci al minimo la profondità delle richieste fondamentali
- Ridurre il tempo di esecuzione di JavaScript
- Minimizzare il lavoro del thread principale
- Mantieni un numero ridotto di richieste e dimensioni di trasferimento limitate