Как переместить все стили в footer wordpress?

Question

[Сергей Гурджиян]

Как автоматически переместить все стили в футер сайта Wordpress?
Собственные стили ещё понятно, но как быть со стилями плагинов?
Если использовать autoptimize то все стили собираются в один файл, но выводятся в шапке сайта.
Есть ли плагины для минификации стилей, но с выводом в footer?

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Autoptimize самое-то! Вы можете загружать стили в футере, но чтобы не было проблем с отображением дизайна создайте критичный CSS и вставьте его в Autoptimize (область textarea)

Простой способ создать критичный CSS - https://jonassebastianohlsson.com/criticalpathcssg...

Я обычно на сайтах использую 3 плагина:
- Fastest Cache
- Fastest Cache Premium
- Autoptimize.
Можно добиться 100 из 100 по Pagespeed. (другой вопрос, а нужно ли =) )

Другой не менее хороший плагин для этих целей -
Page Speed Optimization
https://wordpress.org/plugins/above-the-fold-optim...

Comments

[Сергей Гурджиян]

Так а как переместить стили в footer используя Autoptimize?

[Орхан Гасанлы]

Скрин 1 (пример) критичный CSS - https://screenshots.firefox.com/8t5cjy4jvJnhASuU/e...
Скрин 2 - https://screenshots.firefox.com/EFKNusHBHhpMIWwL/w...
PageSpeed при этом обычно жалуется на render-blocking CSS. А после добавления критичного CSS все ок.
генераторы CSS -
https://www.sitelocity.com/critical-path-css-generator
https://jonassebastianohlsson.com/criticalpathcssg...

А если делаете плагином https://wordpress.org/plugins/above-the-fold-optim...
То на скрине ниже, указано, как загрузить стили в футере
https://screenshots.firefox.com/CKWy1m0tHJ4sHfns/t...

[Сергей Гурджиян]

Большое спасибо за подробный ответ!

Answer 2

[Валерий Алексеев]

Беглый поиск выдал такой плагин. Не тестил, но по описание подходит — https://wordpress.org/plugins/assets-to-footer/

Answer 3

[Zeoman]

Я сделал плагин, как раз для этой задачи. Лёгкий, минимум кода. Пользуйтесь)
https://ru.wordpress.org/plugins/css-to-footer/

Comments

[m1h3y]

В описании вашего плагина сказано, что вставлять id css надо через запятую или точку с запятой, так вот первый css перемещает в футер, второй уже нет