2009-10-27 6 views
1

Firebug est génial pour signaler le temps relatif lorsqu'une requête HTTP a été faite par rapport aux temps 'DomContentLoaded' et 'load'. Cependant, une fois que l'événement «load» se produit (vu par la ligne rouge sur la chronologie), les demandes par la suite n'ont aucune information sur la date à laquelle elles se sont produites par rapport aux deux événements. Pour confondre des choses, ces demandes (généralement au bas de la chronologie) semblent avoir commencé au début du chargement de la page. Quelqu'un pourrait-il faire la lumière sur ce que je devrais en déduire quand je vois de telles entrées dans le calendrier qui n'ont pas d'informations sur les temps de l'événement 'DomContentLoaded' et 'charger' et semblent avoir eu lieu après l'événement de chargement de la page ils ont commencé au début?Les informations de temps 'DomContentLoaded' et 'load' manquantes dans le panneau Net de Firebug

Merci!

Répondre

2

les événements load et DOMContentLoaded se produisent lorsque tous les fichiers référencés à partir de la page html initiale sont récupérés. Dans le cas de DOMContentLoaded, l'événement se produit lorsque le DOM initial de la page est entièrement chargé. Les fichiers chargés à partir du document html initial seront affichés par rapport à ce document sur le plan de montage.

Le trafic réseau supplémentaire peut se produire dès que JavaScript commence à s'exécuter, souvent via XmlHttpRequests au serveur d'origine ou à un autre serveur. Ces demandes n'auront pas les événements de progression (chargés, DOMContentLoaded) affichés lorsque vous passez la souris dessus. Étant donné que ces demandes peuvent être déclenchées en fonction des événements se produisant dans l'application Web, elles peuvent apparaître hors séquence, leur bord gauche s'alignant sur les demandes d'origine de la page Web. Il est préférable de ne pas penser à la chronologie est une séquence linéaire pour ces demandes et réponses, mais plus d'une grille contenant différentes représentations du trafic tel qu'il se produit en temps réel.

espérons que cela aide!