Tempo all'interattività

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

La misurazione del 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 tenta di interagire con esso, non succede nulla.

Lighthouse mostra il TTI in secondi:

Uno screenshot del controllo Time to Interactive di Lighthouse

Che cosa misura il TTI

Il TTI misura il tempo necessario affinché una pagina diventi completamente interattiva. Una pagina è considerata completamente interattiva quando:

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

In che modo Lighthouse determina il punteggio TTI

Il punteggio TTI è un confronto tra il TTI della tua pagina e il TTI dei siti web reali, in base ai dati di HTTP Archive. Ad esempio, i siti con un rendimento nel 99° percentile generano TTI in circa 2,2 secondi. Se il TTI del tuo sito web è di 2,2 secondi, il relativo punteggio è 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 (moderata)
Oltre 7,3 Rosso (lento)

Come migliorare il punteggio TTI

Un miglioramento che può avere un effetto particolarmente significativo sul TTI è posticipare o rimuovere il codice JavaScript non necessario. Cerca opportunità per ottimizzare il codice JavaScript. In particolare, ti consigliamo di ridurre i payload JavaScript con la suddivisione del codice e di applicare il pattern PRPL. Anche l'ottimizzazione di JavaScript di terze parti consente di ottenere miglioramenti significativi per alcuni siti.

Questi due controlli diagnostici offrono ulteriori opportunità per ridurre il lavoro di JavaScript:

Monitoraggio del TTI sui dispositivi di utenti reali

Per scoprire come misurare il momento in cui si verifica effettivamente il TTI sui dispositivi degli utenti, consulta la pagina Metriche prestazionali focalizzate sugli utenti di Google. La sezione Monitoraggio TTI descrive come accedere a livello di programmazione 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, in genere è meglio concentrarsi sul miglioramento del punteggio complessivo del rendimento.

Utilizza la sezione Diagnostica del report Lighthouse per determinare quali miglioramenti avranno il maggiore valore per la tua pagina. Maggiore è l'opportunità, maggiore sarà l'effetto sul punteggio di rendimento. Ad esempio, lo screenshot di Lighthouse che segue mostra che l'eliminazione delle risorse che bloccano il rendering produrrà il miglioramento più significativo:

Lighthouse: sezione Diagnostica che mostra una serie di controlli e il relativo impatto
Lighthouse: sezione Diagnostica

Consulta le verifiche del rendimento per scoprire come sfruttare le opportunità identificate nel report Lighthouse.

Risorse