Как правильно размещать css для сео, в шапке в style html или в отдельный файл css?

Question

[AntohaRomaha]

Всем привет.
Вот пользуюсь анализаторами всякими для сайтов. Отдаю предпочтение трем из них: blogroot.ru и analiz-saita.net (по сути одинаковые) и pr-cy.ru кстати если кто подскажет именно такие похожие сервисы, буду оочень признателен. Вот.
Эти сервисы раньше говорили - плохо - у вас есть css который подгружается в шапке, вроде как надо его в style в head нынче писать. всю таблицу стилей. сейчас так не говорят эти анализаторы, но гугл теперь говорит - "Количество блокирующих ресурсов CSS на странице: 1"
Что делать как быть как для сео правильнее? В сео нубас. Вот начинаю изучать.
Всем спасибо;)

Answer 1

[Олег]

Для сео всеравно.
По рекомендации https://developers.google.com/speed/pagespeed/insights/
Видимую часть при загрузке кидаешь в head(header, menu,может быть блок, на всю высоту который и все, что в нем находится)
Перед </body> делаю так:

<script> 
<!--Динамическая подгрузка стилей и скриптов для валидатора-->
 var script = document.createElement('script');
    var link = document.createElement('link');
    /*Подключаем стили*/
    document.getElementsByTagName('head')[0].appendChild(link);
    link.setAttribute('rel','stylesheet');
    link.setAttribute('type','text/css');
    link.setAttribute('href','css/style.css');
    /*Подключаем скрипт*/
    document.getElementsByTagName('head')[0].appendChild(script);
    script.type = 'text/javascript';
    script.src= 'js/script.js';
<script>

Файл script.js содержит подключения

require('script1.js')
require('script2.js')
require('script3.js')
...
require('scriptN.js')

google показывает 100%. И то почему то через раз. Ответ сервера видимо.