Fornisce un riepilogo performance istantaneo di qualsiasi pagina web.
Il profiling con Lighthouse richiede tempo. Performance pagina dà quel riepilogo istantaneo leggendo dati dal Performance API del browser.
FCP, DOMContentLoaded, Full Load e TTI — colorati: verde (veloce), giallo (moderato), rosso (lento).
Grafico a barre visivo con conteggio e dimensione per JS, CSS, immagini, font e altro.
Totale elementi DOM, profondità massima di annidamento e conteggio event listener.
Punteggio 0-100: verde (85+), giallo (50-84), rosso (0-49).
Dimensione combinata di tutte le risorse scaricate in MB con breakdown per categoria.
Legge dati dal Performance API — già raccolti durante il caricamento normale.
Apri qualsiasi pagina e ottieni il riepilogo performance in meno di un secondo.
1.2 MB di JavaScript? Il breakdown mostra chiaramente il problema.
Misura prima delle ottimizzazioni, poi dopo per verificare l'impatto.
Confronta tempi di caricamento e peso pagina con i concorrenti.
Esegui regolarmente durante lo sviluppo per catturare regressioni.
Apri il dock e clicca l'icona.
Controlla le quattro metriche di timing in alto.
Guarda il grafico a barre per capire quale tipo di risorsa pesa di più.
Se gli elementi superano 1500 o la profondità supera 15, considera di semplificare.
Esegui prima e dopo le ottimizzazioni per misurare il miglioramento.
Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.
