Tempo all'interattività

Il tempo all'interattività (TTI) è una delle sei metriche monitorate nella sezione Prestazioni del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento della pagina.

Misurare il TTI è importante perché alcuni siti ottimizzano la visibilità dei contenuti a scapito dell'interattività. Ciò può creare un'esperienza utente frustrante: il sito sembra essere pronto, ma quando l'utente prova a interagirci, non accade nulla.

Lighthouse mostra il servizio TTI in pochi secondi:

Uno screenshot del controllo Tempo all'interattività di Lighthouse.

Valori misurati da TTI

Il servizio TTI misura il tempo necessario a una pagina per diventare completamente interattiva. Una pagina è considerata completamente interattiva quando:

  • La pagina mostra contenuti utili, che vengono misurati dalla metrica First Contentful Paint.
  • I gestori di eventi sono registrati per la maggior parte degli elementi di pagina visibili.
  • La pagina risponde alle interazioni degli utenti entro 50 millisecondi.

In che modo Lighthouse determina il punteggio TTI

Il punteggio TTI mette a confronto il TTI della pagina e il TTI per i siti web reali, in base ai dati dell'archivio HTTP. Ad esempio, i siti con prestazioni nel novantanovesimo percentile visualizzano il TTI in circa 2,2 secondi. Se il TTI del tuo sito web è di 2,2 secondi, il punteggio TTI è 99.

Questa tabella mostra come interpretare il punteggio TTI:

Metrica TTI
(in secondi)
Codifica con colori
0–3,8 Verde (veloce)
3,9-7,3 Arancione (moderato)
Più di 7,3 Rosso (lenta)

Come migliorare il punteggio TTI

Un miglioramento che può avere un effetto particolarmente importante sul TTI è il differimento o la rimozione del lavoro JavaScript non necessario. Cerca opportunità per ottimizzare JavaScript. In particolare, valuta la possibilità di ridurre i payload JavaScript con la suddivisione del codice e di applicare il pattern PRPL. L'ottimizzazione di JavaScript di terze parti genera anche miglioramenti significativi per alcuni siti.

Questi due controlli di diagnostica forniscono ulteriori opportunità per ridurre il lavoro di JavaScript:

Monitorare l'TTI sui dispositivi di utenti reali

Per informazioni su come misurare quando il servizio TTI si verifica effettivamente sui dispositivi degli utenti, consulta la pagina di Google Metriche sul rendimento incentrate sull'utente. La sezione TTI di monitoraggio descrive come accedere in modo programmatico ai dati TTI e inviarli a Google Analytics.

Come migliorare il punteggio di rendimento complessivo

A meno che tu non abbia un motivo specifico per concentrarti su una determinata metrica, è meglio concentrarsi sul miglioramento del punteggio di rendimento complessivo.

Utilizza la sezione Opportunità del report Lighthouse per determinare quali miglioramenti avranno più valore per la tua pagina. Più alta è l'opportunità, maggiore sarà l'effetto sul punteggio del rendimento. Ad esempio, lo screenshot di Lighthouse riportato di seguito mostra che l'eliminazione delle risorse di blocco della visualizzazione produrrà il maggiore miglioramento:

Lighthouse: sezione Opportunità

Consulta la pagina di destinazione dei controlli delle prestazioni per scoprire come sfruttare le opportunità identificate nel report Lighthouse.

Risorse