Вот моя проблема.

Я анализирую свою страницу с помощью Google Page Speed ​​Insights. Он говорит мне удалить мою ссылку CSS в голове (над плавающей строкой), потому что это блокирует загрузку моей страницы.

Прямо сейчас у меня есть простая ссылка в заголовке моего документа:

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

Я попытался разместить строку ссылки внизу документа. незадолго до конца страницы.

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

Пробежал Insight снова.

Есть 2 вкладки для результата Insight. Размещая ссылку css в en документа, я набираю 100% на вкладке для мобильных устройств. Тем не менее, я все еще получаю то же сообщение на компьютерную часть, как будто никакое вещество, где я размещаю его, все еще загружается выше плавающей строки. Я не понимаю, потому что я вижу, что страница загружается без CSS в течение доли секунды.

Так что мне интересно, что будет лучшим способом загрузить мой CSS?

Должен ли я разместить тег стиля в заголовке?

Должен ли я добавить тег стиля на элементы? <- Я бы не хотел.

Так какой же лучший способ загрузить мой CSS?

Благодарю.