Contrassegni e misure User Timing

Che cos'è l'API User Timing?

Rendere la tua app web veloce e reattiva è fondamentale per una buona esperienza utente. Il primo passo per migliorare il rendimento è identificare dove viene trascorso il tempo.

L'API User Timing consente di misurare le prestazioni JavaScript della tua app. A tale scopo, inserisci le chiamate API in JavaScript ed estrai dati di temporizzazione dettagliati che puoi utilizzare per ottimizzare il codice. Puoi accedere a questi dati da JavaScript utilizzando l'API o visualizzandoli nelle Registrazioni della cronologia di Chrome DevTools.

Consulta la pagina sull'API User Timing per una rapida introduzione all'utilizzo.

In che modo Lighthouse segnala i dati relativi al tempo utenti

Quando la tua app utilizza l'API User Timing per aggiungere contrassegni (ovvero timestamp) e misure (ovvero misurazioni del tempo trascorso tra gli indicatori), li vedrai nel tuo report Lighthouse:

Uno screenshot del controllo dei tempi utente e delle misure di Lighthouse.

Lighthouse estrae i dati di User Timing dallo strumento di profilazione degli eventi di traccia di Chrome.

Questo controllo non è strutturato come un test superato o non superato. È solo un'opportunità per scoprire un'API utile che può aiutarti a misurare le prestazioni della tua app.

Indicazioni specifiche per lo stack

React

Utilizza React DevTools Profiler, che si avvale dell'API Profiler, per misurare le prestazioni di rendering dei tuoi componenti.

Risorse