Hier soir, j'ai écrit un essai sur le processus de rendu du navigateur, mais je l'ai juste expliqué à travers un petit morceau de code. Je n'ai pas réussi le test du navigateur, ce n'était pas assez convaincant et il y avait de nombreux aspects incomplets. Je l'ai testé dans le navigateur aujourd'hui et j'ai partagé les résultats des tests avec tout le monde. Le processus de test peut être un peu désordonné, j'espère que tout le monde le comprend.
Browsers de test : Chrome V24.0.1312.52 m, Firefox V18.0, Opera V12.12.Dans le noyau webkit, lorsque la page Web s'affiche, il y aura un analyseur (analyseur) pour analyser le document HTML, puis générer un arbre de rendu (arbre de rendu) et enfin rendre la page. Cela se fait dans un seul fil, donc les deux ne seront pas faits en même temps.
Je l'ai divisé en deux situations suivantes et je l'ai testée dans différents navigateurs.
Le fichier de style est dans la tête, et l'autre fichier de script est connecté au début du corps et l'autre est au bas du corps. Le fichier de style est au début du corps et le fichier de script est le même que ci-dessus.Le résultat du test est comme ceci: dans Chrome, l'emplacement du fichier de style affectera le temps de téléchargement de l'image, tandis que dans les deux autres navigateurs, il n'y a pas de différence entre les deux situations. Ce qui suit est un processus de test détaillé.
Test 1: Le fichier de style est dans la tête, et l'autre fichier de script est connecté au début du corps et l'autre est au bas du corps.Code testé:
Copier le code