¿Secuencia en la que se carga la página HTML?
¿Cuál es la secuencia en la que se carga una página HTML? Vea a continuación un esquema HTML básico:
<html>
<head>
<link rel="stylesheet" href="css/sheet1.css">
<link rel="stylesheet" href="css/sheet2.css"
<script src="scripts/take1.js"></script>
<script src="scripts/take2.js"></script>
<head>
<body>
<button>button1</button>
<img src = "HQ1.jpg" />
<img src = "HQ2.jpg" />
<button>button2</button>
</body>
</html>
Lo que sé: (corrígeme si no estoy en lo cierto)
la sección principal se carga primero. y luego se carga la sección del cuerpo.
Mis preguntas -
1. ¿La sección del cuerpo comienza a cargarse solo una vez que la sección de la cabeza se carga por completo?
2. ¿Se carga completamente la hoja css1, y luego solo la hoja2 y el archivo JS comienzan a cargarse?
3. ¿Se cargan los archivos CSS en paralelo? lo mismo con los archivos JS ..? ¿O los archivos CSS y JS se cargan juntos en paralelo?
4. Dado que las imágenes HQ * son archivos grandes, lleva tiempo cargarlas. ¿El botón 2 se carga y aparece en la página solo una vez que HQ1 y HQ2 se cargan por completo?
5. ¿La descarga de HQ1 y HQ2 ocurre en paralelo, o es sincrónico cuál es primero HQ1 y luego HQ2?