Aqui está o meu problema.

Estou analisando minha página com o Google Page Speed Insights. E está me dizendo para remover meu link css na cabeça (acima da linha flutuante) porque está bloqueando o carregamento da minha página.

No momento, tenho um link simples no cabeçalho do meu documento:

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

Eu tentei colocar a linha de link na parte inferior do documento. pouco antes do final da página.

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

Ran Insight novamente.

Existem duas guias para o resultado do Insight. Ao colocar o link css no final do documento, pontuo 100% na guia mobile. No entanto, ainda recebo a mesma mensagem na parte do computador como se nenhum material onde eu a colocasse ainda estivesse sendo carregado acima da linha flutuante. Eu não entendo porque posso ver a página sendo carregada sem o css por uma fração de segundo.

Então, eu estou querendo saber qual seria a melhor maneira de carregar meu css?

Devo colocar uma tag de estilo no cabeçalho?

Devo adicionar uma tag de estilo nos elementos? <- Prefiro não.

Então, qual é a melhor maneira de carregar meu css?

Obrigado.