2013-06-12 19 views
22

C'è un modo per verificare quanto tempo impiega il caricamento della pagina?Tempo di caricamento della pagina in Google Chrome o Mozilla Firefox

EDIT:

io estendere la domanda un po '. Supponiamo che tu stia lavorando su un progetto ASP.NET e che quando esegui il tuo progetto in Visual Studio ci sia un po 'di tempo per caricare la pagina iniziale renderizzata sullo schermo e pronta per essere utilizzata.

Se questo sito web era in diretta, il tempo di caricamento dovrebbe essere diverso dal tempo di caricamento all'avvio del progetto da Visual Studio.

Quello che mi piacerebbe vedere è quale sarebbe il tempo di caricamento effettivo se il sito web era su un server.

EDIT 2: Rispondere

Chrome -> tasto destro -> Inspect Element -> Scheda Rete. Quando carichi una pagina c'è un bel report per la timeline della pagina che mostra il tempo di caricamento della pagina, i tempi di caricamento di css, js ecc. C'è uno strumento simile in Mozilla nella scheda Rete.

+0

Perché non provare Firebug? Controlla http://getfirebug.com/network è meglio Firebug, disponibile chrome e firefox. – KingRider

+0

Puoi anche usare la libreria da Godaddy https://github.com/godaddy/timings – vikramvi

risposta

10

Per quanto riguarda Firefox, l'op ha già risposto alla sua stessa domanda (Menu - Sviluppatore Web - Rete o Ctrl + Maiusc + K - Rete o Ctrl + Maiusc + Q), ma vorrei menzionare l'addon "app.telemetry Page Speed ​​Monitor" , che non richiede di aprire prima la console Web. Mostrerà solo il tempo di caricamento in ms nella barra di stato (mostrerà persino i dettagli quando si fa clic).
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
L'unico inconveniente sembra essere il pulsante Facebook/Twitter.

Come per Chrome/Chromium, secondo il suggerimento di Andy Davies, lo Page load time plugin è fantastico, mostra il tempo di caricamento accanto alla barra degli indirizzi e fornisce anche dettagli.

2

Io uso questo strumento: http://www.webpagetest.org/ Ma è per i siti live. Se si desidera eseguire il benchmark dei file locali che non sarebbero rappresentativi dell'utilizzo effettivo, è tuttavia possibile misurare i tempi di rendering e non solo i tempi di trasporto. Nota che i tempi di caricamento dipendono da dove geograficamente sul pianeta l'utente è relativo al server.

+0

Bel sito, ma non proprio quello che volevo:) –

5

Inoltre, ora è possibile ottenere questo tramite javascript tramite l'oggetto window.performance (Chrome, Firefox e IE9 +).

Prova questo:

window.onload = function(){ 
    setTimeout(function(){ 
    var t = performance.timing; 
    console.log(t.loadEventEnd - t.responseEnd); 
    }, 0); 
} 

Maggiori informazioni qui: http://www.html5rocks.com/en/tutorials/webperformance/basics/

-1

Per loadtime di un sito che è vivo, vorrei anche guardare in reale Monitoraggio utente (aka RUM) per ottenere le prestazioni dati dai tuoi veri utenti in produzione. Puoi farlo tu stesso con progetti open source come Boomerang e Bucky o andare con un venditore. I dati sono inestimabili! Lo strumento citato da @vikramvi aiuta a tenere traccia delle prestazioni della pagina in dev/test e aiuta a prevenire la regressione delle prestazioni all'inizio del ciclo di sviluppo.

Problemi correlati