Какие есть инструменты, способные вынести CSS для видимой части сайта?

Question

[trenrnd]

Доброго времени суток. Подскажите пожалуйста, какие есть инструменты, способные вынести CSS в отдельный файл для видимой части сайта (первого экрана)? Обычно делаю руками, а сейчас использовал Бутстрап, соответственно копаться там желания нет. Спасибо!

Answer 1

[Ro37A]

Purifycss
Работает с Gulp, Grunt, Webpack. Можно запускать из консоли:

$ purifycss
usage: purifycss <css> <content> [option ...]

options:
 --min                Minify CSS
 --out [filepath]     Filepath to write purified CSS to
 --info               Logs info on how much CSS was removed
 --rejected           Logs the CSS rules that were removed

 -h, --help           Prints help (this message) and exits

Comments

[trenrnd]

Еще вопрос вдогонку. Purify убивает какой-то стиль в UiKit, модальные окна перестают работать. Ссылается, что не может найти rejected y undefined. Есть идеи, как это фиксить? При пьюрифировании указываю все js и html файлы в source. Спасибо большое.

Answer 2

[tema_sun]

Посмотрите на pagespeed модуль. https://developers.google.com/speed/pagespeed/module/

Comments

[trenrnd]

Спасибо! В данном случае приглянулся purifycss.