Как удалить лишние стили?

Question

[XenTerSeO]

Есть множество страниц и файл стиля, который применяет правила ко всем этим страницам. В стилях содержится большое количество уже неиспользуемых правил. Есть ли способ быстро найти неиспользуемые правила без ручного перебора?

Answer 1

[sim3x]

https://www.npmjs.com/package/uncss
https://www.npmjs.com/package/ucss
https://github.com/purifycss/purifycss

Comments

[Дима]

+ к этому очень удобно использовать Chrome Dev Tools, который может проводить анализ каждой страницы (как Google PageSpeed) на предмет "оптимизрованности", показывая тем самым неиспользованные правила CSS.

[sim3x]

Дима: а sass-less-stylus при наличии sourcemaps показывает?

Answer 2

[Евгений]

Здравствуйте,

Для этих целей есть FireBug плагины CSS Usage и DustMe Selectors.

Add: Можно почитать об этом, например тут

Answer 3

[Дмитрий]

Нет вроде, только вручную. Ctrl + F -> Найти. Как вариант искать ненужные стили через пункт "Искать и заменить" и заменять их на комментарий ( /* */ )

Answer 4

[Сергей Громов]

Сегодня наткнулся на один плагин для Gulp, uncss так вот этот малыш ищет в твоем коде стили которые не используются и удаляет их, так фреймворк Bootstrap похудел почти в 20 рас :)))