La Page HTML du Cycle de Vie

J'essaie de comprendre le cycle de vie d'une page HTML. Je ne trouve pas les bonnes ressources en ligne. J'ai donc ouvert la f12 outil dans ie et fait des expériences sur mon propre. Basé sur que j'ai tiré quelques conclusions, quelqu'un peut-il me dire si je suis de droite?

Mon observation

1>Lorsqu'une page est demandée sur HTTP abord le code HTML du squelette est reçu par le navigateur. À ce moment, rien n'est affiché à l'utilisateur.

2>sur la Base de ce qui est dans le HTML du squelette certains plus d'autres demandes sont envoyées pour les ressources externes (JavaScript,css,images, etc)

3>Le navigateur attend jusqu'à ce qu'il reçoit un code d'état HTTP pour le script et le css ressources.

4>une Fois que le code de statut HTTP pour le css et le JavaScript est reçu, alors seulement le navigateur commence à charger le document du haut vers le bas, de l'exécution quel que soit le JavaScript intégré que l'on rencontre sur le chemin.

5>Si le JavaScript intégré sur le dessus se réfère à un élément HTML sur le fond, le JavaScript va échouer.

6>une Fois que le document se termine le chargement, puis l'événement jquery $(document).prêt de feu. (C'est si je suis en utilisant JQuery)

7>Le navigateur ne prend pas en attendre pour les ressources autres que les scripts et css, donc des ressources comme des images peuvent être chargées plus tard, après que la page est affichée à l'utilisateur.

jQuery != JavaScript != HTML. Cela devait être dit une fois.
Il fixe en ajoutant le texte "(C'est-si je suis en utilisant JQuery)" à la question.
Une remarque importante/correction: il n'balises Javascript qui bloquent la page de rendu. C'est pourquoi, avant la fin de l'devs vont vous dire de mettre l'option Javascript de votre références au bas de la page, juste avant la fermeture de la corps de la balise.

OriginalL'auteur Foo | 2013-04-12

  1. 2

    Vous assez bien obtenu correct.
    Mais cela dépend du code (en particulier du point 5, 6 et 7). Par exemple, si le JS en haut est au sein de $(document).ready, alors qu'il ne manquera pas.

    Deuxièmement, je préfère Firefox F12 ou Chrome F12 sur IE. Ils sont beaucoup plus détaillée et développeur de l'amicale. Voir la NET onglet à comprendre plus loin. Il va vous montrer l'ordre exact dans lequel les ressources sont appelés et chargé, ce qui est ce que vous étiez avant tout à la recherche pour.

    OriginalL'auteur Raheel Hasan