¿Se retrasa la ejecución de JavaScript hasta que se construya CSSOM o no?

La respuesta a esta pregunta ha sido clara para mí desde que leí / aprendí sobre CSSOM hasta hoy. Parece que no puedo encontrar el artículo inicial, pero se explica bastante claro, con ejemplos, que la ejecución de JavaScript se aplaza hasta que CSSOM se construye a partir de todas las tags y en (excepto aquellas que no Solicitud, basada en consultas @media ).
O al menos eso es lo que hice de él en ese momento y no tenía ninguna razón para dudarlo hasta hoy.

Esto parece estar respaldado por la statement en negrita en este subcapítulo de Web Fundamentals / Performance, de Google:

… el navegador retrasa la ejecución del script y la construcción del DOM hasta que haya terminado de descargar y construir el CSSOM.

Sin embargo, esta statement fue seriamente cuestionada por una charla amistosa sobre el tema con otro usuario de SO en esta respuesta que proporcioné, en la que propuso lo siguiente para demostrar lo contrario:

  document.write("<!--");  body { background-color: red; }  -->  

Ok, entonces asegurémonos. Vamos a reemplazar el con

  

… y hacer que test.php cuelgue por unos segundos:

  /* adding styles here would be futile */ 

Si tengo razón (y la ejecución de js se aplaza hasta que se construya CSSOM), la página se queda en blanco durante 10 segundos, antes de crear CSSOM y antes de ejecutar el que comentaría el y permitiría que la página se renderizara .

Si tiene razón, el js se ejecuta como se cumple y la solicitud nunca se va, porque ya es un comentario.

Sorpresa:

  • la página se traduce de inmediato. ¡El tiene razón!
  • pero la solicitud va y la pestaña del navegador muestra un icono de carga durante 10 segundos. ¡Yo también tengo razón! ¿O soy yo? Estoy confundido, eso es lo que soy …

¿Alguien podría arrojar algo de luz sobre esto? Que esta pasando?
¿Tiene que ver con document.write ?
¿Tiene que ver con cargar un archivo .php lugar de un archivo .css ?


Si hay alguna diferencia, lo probé en Chrome, en Ubuntu.

Le pido amablemente que vincule una (re) fuente creíble o que proporcione un ejemplo / prueba eloquent para respaldar cualquier respuesta que pueda considerar proporcionar.

Esta cita es cierta, pero significa que si coloca primero la hoja de estilo, y luego la secuencia de comandos, la secuencia de comandos no se ejecutará hasta que la hoja de estilo se descargue y analice. Vea este ejemplo:

test.php :

  

index.html :

   

La llamada console.log no se ejecutará hasta que el color de fondo cambie a rojo.

Esto lleva a la conclusión de que la creación de CSSOM no se realiza una vez para todas las hojas de estilo, pero es un proceso gradual: cuando el navegador encuentra una hoja de estilo, la descarga, analiza y se mueve a continuación. También es probable que el navegador primero haga una lista de todos los recursos CSS y los agregue a la cola de descarga, incluso antes de ejecutar cualquier script. Eso explicaría por qué se realiza la solicitud a pesar de que la etiqueta de link está comentada por un script.