2009-04-09 14 views
5

qualcuno può dirmi due cose sul pannello di rete in Firebug?Due domande riguardanti il ​​pannello di rete in Firebug

  1. perché c'è una "distanza" tra la prima e le successive? cosa sta succedendo lì?
  2. qual è il significato esatto delle linee blu e rosse sul lato destro?

Ogni aiuto è molto apprezzato - grazie mille in anticipo ...

alt text http://www.walkner.biz/_temp/firebug.png

+0

Con quale versione del browser OS e FF state lavorando? – jerebear

+0

SO: Windows XP Versione FF: 3.0.8 Firebug: 1.3.3b2 – swalkner

+0

Il grande ritardo dopo la prima riga era probabilmente dovuto a una richiesta XHR. Puoi condividere il resto dell'output? –

risposta

1

ma la mia domanda è: perché la seconda voce non è stato caricato fino a quel momento ... non dovrebbe iniziare immediatamente? - swalkner

Sulla mia macchina, è quasi sequenziale. Contribuirei al ritardo del tempo di CPU necessario per elaborare e rendere i dati.

Direi che la linea blu è quando il browser inizia a visualizzare e la linea rossa è quando il layout è finito.

0

dall'estrema sinistra all'estrema destra è il tempo dell'esperienza di carico totale (1.03s).

Il secondo elemento "?" non ha iniziato a caricare fino al 75% circa dell'intero processo di caricamento.

+0

ma la mia domanda è: PERCHÉ il secondo elemento non è stato caricato fino a quel momento ... non dovrebbe iniziare immediatamente? – swalkner

+0

Puoi mostrare quali elementi sono stati caricati su quelle prime righe? Questo ci aiuterebbe a determinare il ritardo. – jerebear

+0

@Swalkner: immagino che il secondo elemento dipenda dal primo (ad esempio, l'html è il primo elemento e un tag img è il secondo). In questo caso, il divario è il tempo impiegato dal browser per analizzare l'HTML e capire che esiste un tag img, dopo di che inizia a richiedere l'img (il secondo elemento) – talonx

5

le linee blu e rosse indicano quando vengono attivati ​​gli eventi javascript (DOMContentLoaded e carica).

Mozdev-documentazione per DOMContentLoaded and load:

Licenziato su un oggetto Window quando il contenuto DOM del documento è terminato il caricamento, ma a differenza di "carico", non aspetta che tutte le immagini vengono caricate.

Problemi correlati