¿Cómo manejan los navegadores web los archivos JavaScript que se originan en una etiqueta ?

Rick Waldron tiene el resumen. Desde el recuerdo, los detalles esenciales:

1. Su navegador analiza el HTML hasta que llega a la línea .
2. Su navegador verificará su caché para el archivo JS nombrado (usando la ruta completa, por supuesto). Si se encuentra y no ha expirado, usará ese archivo (pase al # 6), de lo contrario,
3. Su navegador abre una nueva conexión HTTP y solicita el archivo JS del servidor web.
4. Su servidor web devuelve el archivo JS como texto, quizás ofuscado y / o minimizado, quizás de su caché o CDN. Probablemente también agregará un encabezado de caducidad de caché al recurso JS.
5. Su navegador recibe el archivo JS.
6. Su navegador lee, analiza y ejecuta el archivo JS. Tenga en cuenta que el navegador ha estado bloqueando desde el paso 1; no analizará ningún HTML debajo de la etiqueta hasta que se ejecute el código JS.
7. Si el archivo JS estaba desactualizado o no se encontraba en el caché, su navegador ahora almacena el archivo en caché. Simultáneamente
8. Su navegador continúa analizando HTML debajo de la etiqueta .