
Sviluppatori web e proprietari lo usano quando una pagina sembra lenta e serve capire il peso reale di ogni risorsa.
Somma le risorse e osserva il tempo di caricamento. L’elaborazione rimane locale, con una risposta leggibile da usare immediatamente.
Il proprietario di un sito vuole capire perché una pagina iniziale sembra lenta. Inserisce una larghezza di banda di 10 megabit al secondo, poi elenca style.css a 45 kilobyte, app.js a 120 e photo.jpg a 300. Il risultato mostra quali risorse contribuiscono di più. Può quindi decidere di comprimere le immagini o rinviare uno script.
Input
10
style.css ; 45
app.js ; 120
photo.jpg ; 300La larghezza di banda e l'elenco delle risorse vengono elaborati nel browser. Nessuna richiesta esterna viene effettuata per misurare la pagina. Il risultato appare localmente e non viene memorizzato dopo che esci.
No, è una stima basata sulla larghezza di banda e sui pesi che fornisci. Le condizioni reali includono latenza, compressione e download paralleli. Usa la cifra per confrontare scenari, non come misurazione finale.
L'interfaccia prevede un punto e virgola tra il nome della risorsa e il suo peso in kilobyte. Mantieni ogni risorsa su una riga separata. Una riga malformata può distorcere il totale.
Sì, un elenco completo fornisce un totale più utile. Includi immagini, script, fogli di stile, font e file di terze parti. Se manca una risorsa pesante, la stima sembrerà migliore della realtà.