Ontem à noite, escrevi um ensaio sobre o processo de renderização do navegador, mas apenas expliquei através de um pequeno pedaço de código. Eu não passei no teste do navegador, não foi convincente o suficiente e havia muitos aspectos incompletos. Testei hoje no navegador e compartilhei os resultados dos testes com todos. O processo de teste pode ser um pouco confuso, espero que todos entendam.
Navegadores de teste : Chrome v24.0.1312.52 M, Firefox v18.0, Opera v12.12.No kernel do Webkit, quando a página da web for exibida, haverá um analisador (analisador) para analisar o documento HTML e, em seguida, gerar uma árvore de renderização (árvore de renderização) e, finalmente, renderizar a página. Isso é feito em um tópico, para que ambos não sejam feitos ao mesmo tempo.
Dividi -o nas duas situações a seguir e testei em diferentes navegadores.
O arquivo de estilo está na cabeça e o outro arquivo de script está conectado ao início do corpo e o outro está na parte inferior do corpo. O arquivo de estilo está no início do corpo e o arquivo de script é o mesmo que acima.O resultado do teste é assim: no Chrome, a localização do arquivo de estilo afetará o tempo de download da imagem, enquanto nos outros dois navegadores não há diferença entre as duas situações. A seguir, é apresentado um processo de teste detalhado.
Teste 1: O arquivo de estilo está na cabeça e o outro arquivo de script está conectado ao início do corpo e o outro está na parte inferior do corpo.Código testado:
Copie o código