Aquí está mi problema.

Estoy analizando mi página con Google Page Speed Insights. Y me dice que elimine mi enlace CSS en la cabeza (sobre la línea flotante) porque está bloqueando la carga de mi página.

En este momento tengo un enlace simple en el encabezado de mi documento:

<link rel="stylesheet" media="all" href="http://mydomain.we/css/my.css" /> 
 </head>

Intenté colocar la línea de enlace en la parte inferior del documento. justo antes del final de la página.

<link rel="stylesheet" media="all" href="http://mydomain.we/css/my.css" /> 
</body> 

Ran Insight nuevamente.

Hay 2 pestañas para el resultado de Insight. Al colocar el enlace CSS al final del documento, obtengo un puntaje del 100% en la pestaña móvil. Sin embargo, sigo recibiendo el mismo mensaje en la parte de la computadora como si no hubiera ningún material donde lo coloque, todavía se está cargando por encima de la línea flotante. No entiendo porque puedo ver la página cargándose sin el CSS por una fracción de segundo.

Entonces, me pregunto cuál sería la mejor manera de cargar mi CSS.

¿Debo colocar una etiqueta de estilo en el encabezado?

¿Debo agregar una etiqueta de estilo en los elementos? <- Prefiero no hacerlo.

Entonces, ¿cuál es la mejor manera de cargar mi CSS?

Gracias.