Il Tempo all'interattività (TTI) è una metrica di laboratorio per misurare la reattività al caricamento. Aiuta a identificare i casi in cui una pagina appare interattiva ma in realtà non lo è. Una TTI rapida aiuta a garantire che la pagina sia utilizzabile.
Che cos'è il TTI?
La metrica TTI misura il tempo dall'avvio della pagina viene caricato quando le risorse secondarie principali sono state caricate ed è in grado di a rispondere rapidamente all'input dell'utente.
Per calcolare il TTI in base al rendimento traccia di una pagina web, procedi nel seguente modo:
- Inizia dalla pagina First Contentful Paint (FCP).
- Cerca in avanti nel tempo una finestra silenziosa di almeno cinque secondi, dove Per finestra silenziosa si intende: non lunga attività e non più di due in corso richieste GET di rete.
- Cerca a ritroso l'ultima attività lunga prima della finestra silenziosa, fermandoti alle FCP se non vengono trovate attività lunghe.
- Il TTI è l'ora di fine dell'ultima attività lunga prima della finestra silenziosa (o stesso valore di FCP se non vengono trovate attività lunghe).
Il seguente diagramma dovrebbe aiutarti a visualizzare i passaggi precedenti:
In passato, gli sviluppatori ottimizzano le pagine per tempi di rendering rapidi, a volte a scapito di TTI.
Tecniche come il rendering lato server (SSR) possono portare a scenari in cui una pagina sembra interattivo (ovvero link e pulsanti sono visibili sullo schermo), ma non effettivamente interattivo perché il thread principale è bloccato o poiché il codice JavaScript che controlla questi elementi non è stato caricato.
Quando gli utenti tentano di interagire con una pagina che sembra interattiva, ma in realtà non risponde, probabilmente risponde in uno di questi due modi:
- Nella migliore delle ipotesi, saranno infastiditi dal fatto che la pagina sia lenta a rispondere.
- Nel peggiore dei casi, presuppongono che la pagina non sia funzionante e che esci. Potrebbero persino perdere la fiducia o la fiducia nel valore del tuo brand.
Per evitare questo problema, fai il possibile per ridurre al minimo la differenza tra FCP e TTI. Nei casi in cui esista una differenza notevole, indicare chiaramente tramite indicatori visivi che i componenti della pagina non sono ancora interattivo.
Come misurare il TTI
Il TTI è una metrica che viene misurata al meglio nel durante il lab. Il modo migliore per misurare il TTI è eseguire un Controllo delle prestazioni di Lighthouse sul sito. Consulta la documentazione di Lighthouse su TTI per i dettagli sull'utilizzo.
Strumenti del lab
Cos'è un buon punteggio TTI?
Per offrire una buona esperienza utente, i siti devono cercare di avere il Tempo per Interattiva di meno di 5 secondi quando testata su un dispositivo mobile medio dell'hardware.
Per maggiori dettagli su come la TTI della tua pagina influisce sul punteggio delle prestazioni di Lighthouse, consulta In che modo Lighthouse determina la tua metrica TTI qual..
Come migliorare il TTI
Per scoprire come migliorare il TTI per un sito specifico, puoi eseguire un Lighthouse il controllo del rendimento e prestare attenzione a qualsiasi opportunità suggerite dal controllo.
Per scoprire come migliorare il TTI in generale (per qualsiasi sito), consulta le seguenti risorse: 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
- Riduci il numero di richieste e riduci le dimensioni del trasferimento