Il tempo all'interattività (TTI) è una metrica di lab per la misurazione dell'adattabilità al carico. Consente di identificare i casi in cui una pagina sembra interattiva, ma in realtà non lo è. Un TTI veloce contribuisce a garantire che la pagina sia utilizzabile.
Che cos'è TTI?
La metrica TTI misura il tempo che intercorre tra l'inizio del caricamento della pagina e il momento in cui le principali risorse secondarie sono state caricate ed è in grado di rispondere rapidamente in modo affidabile all'input degli utenti.
Per calcolare il TTI in base a una traccia di rendimento di una pagina web, segui questi passaggi:
- Inizia da First Contentful Paint (FCP).
- Cerca in avanti nel tempo per una finestra silenziosa di almeno cinque secondi, in cui finestra silenziosa è definita come: nessuna attività lunga e non più di due richieste GET di rete in corso.
- Cerca a ritroso l'ultima attività lunga prima della finestra silenziosa, fermandoti in FCP se non vengono trovate attività lunghe.
- Il TTI indica l'ora di fine dell'ultima attività lunga prima della finestra silenziosa (o lo stesso valore di FCP se non vengono trovate attività lunghe).
Il seguente diagramma dovrebbe aiutarti a visualizzare i passaggi precedenti:
In passato, gli sviluppatori avevano ottimizzato le pagine per velocizzare i tempi di rendering, a volte a scapito di TTI.
Tecniche come il rendering lato server (SSR) possono portare a scenari in cui una pagina appare interattiva (ossia link e pulsanti sono visibili sullo schermo), ma non è effettivamente interattiva perché il thread principale è bloccato o perché non è stato caricato il codice JavaScript che controlla questi elementi.
Quando gli utenti tentano di interagire con una pagina che sembra interattiva ma che in realtà non è, probabilmente rispondono in due modi:
- Nella migliore delle ipotesi, saranno infastiditi dal fatto che la pagina sia lenta a rispondere.
- Nel peggiore dei casi, presumeranno che la pagina non funzionasse e probabilmente la abbandoneranno. Potrebbero anche perdere fiducia o fiducia nel valore del tuo brand.
Per evitare questo problema, fai il possibile per ridurre al minimo la differenza tra FCP e TTI. Qualora dovesse esistere una differenza significativa, indica tramite indicatori visivi che i componenti della tua pagina non sono ancora interattivi.
Come misurare l'TTI
TTI è una metrica che è misurata al meglio nel lab. Il modo migliore per misurare il TTI è eseguire un controllo delle prestazioni di Lighthouse sul tuo sito. Per i dettagli sull'utilizzo, consulta la documentazione di Lighthouse sul TTI.
Strumenti di lab
Qual è un buon punteggio TTI?
Per offrire una buona esperienza utente, i siti dovrebbero cercare di avere un tempo di interazione inferiore a 5 secondi quando testati su hardware mobile medio.
Per informazioni dettagliate su come il TTI della tua pagina influisce sul punteggio delle prestazioni di Lighthouse, consulta In che modo Lighthouse determina il punteggio TTI.
Come migliorare l'TTI
Per scoprire come migliorare il TTI per un sito specifico, puoi eseguire un controllo delle prestazioni di Lighthouse e prestare attenzione a eventuali opportunità specifiche suggerite dal controllo.
Per informazioni su come migliorare l'TTI in generale (per qualsiasi sito), consulta le seguenti guide al rendimento:
- Minimizza JavaScript
- Preconnessione alle origini richieste
- Precarica le richieste chiave
- Ridurre l'impatto del codice di terze parti
- Riduci al minimo la profondità delle richieste critiche
- Ridurre il tempo di esecuzione di JavaScript
- Riduci al minimo il lavoro del thread principale
- Mantieni il numero delle richieste su un numero ridotto di richieste e le dimensioni di trasferimento ridotte