Tempo all'interattività (TTI)

Philip Walton

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:

  1. Inizia da First Contentful Paint (FCP).
  2. 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.
  3. Cerca a ritroso l'ultima attività lunga prima della finestra silenziosa, fermandoti in FCP se non vengono trovate attività lunghe.
  4. 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:

Una sequenza temporale per il caricamento della pagina che mostra come calcolare l'TTI

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: