Как асинхронно загрузить css?

Question

[Сергей Ивонов]

Здравствуйте.
Есть такой стиль

Но гугл спид ругается

как можно такой стиль загрузить асинхронно? что бы не задерживал загрузку сайта?

Comments

[Сергей delphinpro]

>> Есть такой стиль
Какой??

[Сергей Ивонов]

style.css но без него не как.

[Сергей Ивонов]

Сергей: как то можно для мобыльних загрузить его асинхронно

[Сергей delphinpro]

Сергей Ивонов: суть не в том, чтобы загрузить асинхронно. А в том чтобы максимально быстро показать пользователю сайт. Что нужно сделать для этого гугл спид сам подсказывает.
А именно нужно выделить стили для блоков ввверху страницы в отдельный небольшой файлик и подключать в хэде, а остальные стили - в конце боди.
Вы бы определились, чего вам больше хочется - наебать гугл спид, как подсказывает Ergonomic Code или реально оптимизировать страницу.

Answer 1

[zooks]

Для PageSpeed достаточно вынести стили в футер, а в head подключить критические стили.

Comments

[Сергей Ивонов]

А если вынесу в футер то это правильно?

[Сергей Ивонов]

а сам style.css (главную) можно тоже как то оптимизировать?

[zooks]

Сергей Ивонов: правильно при выделении критических стилей. Если без этого, то лучше просто оставить в head.