2009-04-09 10 views
5

alguien me puede decir dos cosas sobre el panel de red en Firebug?Dos preguntas con respecto al panel de red en Firebug

  1. ¿Por qué hay una "distancia" entre la primera línea y las siguientes? ¿lo que está sucediendo allí?
  2. ¿cuál es el significado exacto de las líneas azules y rojas en el lado derecho?

Cualquier ayuda es muy apreciada - muchas gracias por adelantado ...

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

+0

¿Con qué versión de navegador OS y FF está trabajando? – jerebear

+0

SO: Windows XP Versión FF: 3.0.8 Firebug: 1.3.3b2 – swalkner

+0

El gran retraso después de la primera fila probablemente se debió a una solicitud XHR. ¿Puedes compartir el resto de la salida? –

Respuesta

1

pero mi pregunta es por qué el segundo elemento no se cargó hasta entonces ... ¿no debería comenzar inmediatamente ? - swalkner

En mi máquina, es casi secuencial. Contribuiría el retraso al tiempo de CPU requerido para procesar y representar los datos.

Supongo que la línea azul es cuando el navegador comienza a mostrar y la línea roja es cuando terminó el diseño.

0

Desde la extrema izquierda a la extrema derecha es el momento de la experiencia de carga total (1.03s).

El segundo elemento "?" no comenzó a cargarse hasta aproximadamente el 75% en todo el proceso de carga.

+0

pero mi pregunta es ¿POR QUÉ el segundo artículo no se cargó hasta entonces ... no debería comenzar de inmediato? – swalkner

+0

¿Puedes mostrar qué elementos se cargan en esas primeras líneas? Eso nos ayudaría a determinar el retraso. – jerebear

+0

@Swalkner: supongo que el segundo elemento depende del primero (por ejemplo, el html es el primer elemento y una etiqueta img es el segundo). En ese caso, la brecha es el tiempo que tarda el navegador en analizar el HTML y descubrir que hay una etiqueta img, luego de lo cual comienza a solicitar el img (el segundo elemento) – talonx

5

las líneas azules y rojas marcan cuando se activan los eventos javascript (DOMContentLoaded y cargar).

MozDev-documentación para DOMContentLoaded and load:

disparado contra un objeto ventana cuando el contenido de DOM de un documento haya terminado de cargarse, pero a diferencia de la "carga", no espera hasta que todas las imágenes se cargan.

Cuestiones relacionadas