Anoche, escribí un ensayo sobre el proceso de representación del navegador, pero lo expliqué a través de un pequeño código. No pasé la prueba del navegador, no fue lo suficientemente convincente, y había muchos aspectos incompletos. Lo probé en el navegador hoy y compartí los resultados de la prueba con todos. El proceso de prueba puede ser un poco desordenado, espero que todos lo entiendan.
Navegadores de prueba : Chrome V24.0.1312.52 M, Firefox V18.0, Opera V12.12.En el kernel webkit, cuando se muestra la página web, habrá un analizador (analizador) para analizar el documento HTML, luego generar un árbol de representación (árbol de renderizado) y finalmente representar la página. Esto se hace en un hilo, por lo que ambos no se realizarán al mismo tiempo.
Lo dividí en las siguientes dos situaciones y lo probé en diferentes navegadores.
El archivo de estilo está en la cabeza, y el otro archivo de script está conectado al comienzo del cuerpo y el otro está en la parte inferior del cuerpo. El archivo de estilo está al comienzo del cuerpo y el archivo de script es el mismo que el anterior.El resultado de la prueba es así: en Chrome, la ubicación del archivo de estilo afectará el tiempo de descarga de la imagen, mientras que en los otros dos navegadores no hay diferencia entre las dos situaciones. El siguiente es un proceso de prueba detallado.
Prueba 1: El archivo de estilo está en la cabeza, y el otro archivo de script está conectado al comienzo del cuerpo y el otro está en la parte inferior del cuerpo.Código probado:
Copiar el código