Есть ли утилита для удаления неиспользуемого css?

Question

[Андрей]

Добрый день!
В процессе эволюции проекта накопилась какая-то часть css-кода, который непонятно зачем живет в файлах и засоряет их.
В силу необходимости надо его удалять. Варианта два — руками или как-то автоматом. Не знает ли сообщество инструментов для чистки css от неиспользуемых стилей?

Спасибо!

Answer 1

[Евгений Борисов]

В автоматическом режиме не подскажу, но как выявить неиспользуемые консрукции — дам рекомендации.

Запускаем Audits в Google Chrome Developer Tools и смотрим секцию "Remove unused CSS rules". Там перечислены все заголовки неиспользуемых инструкций.

Дальше удалять можно либо руками. Либо автоматом со 100% уверенностью, что не будут потерты из CSS файла лишние инстуркции.

Answer 2

[Merser]

У Opera есть открытый проект Ucss. Поиск неиспользуемых и дублирующихся свойств.
github.com/operasoftware/ucss

Answer 3

[Артур Кох]

Первая ссылка в гугле дает кучу вариантов
vremenno.net/html-css/tools-for-detecting-unused-css-styles/

Answer 4

[Сергей Протько]

unused-css.com/ первое что нашел. Оно пробегает по всем страничками и собирает используемые селекторы.

Comments

[mmib]

Денег хотят

[Андрей]

и не просто денег, а еще и не работают, проверил на парочке сайтов)

[Андрей]

Fesor, вы пользуетесь такой штукой?

Answer 5

[Андрей]

Статья 2009 года, мягко говоря не актуальна. Спасибо за вариант, но я хочу услышать рекомендации от людей, которые сами пользуются такой утилитой.

Comments

[Андрей]

Ответ к первому комментарию

[Сергей Протько]

Как вам сказать, очень даже актуальна.

Answer 6

[Михаил Попов]

Я пользуюсь библиотекой mincss на Python. Можно установить от сюда: https://github.com/peterbe/mincss
Сделал видео, как пользоваться библиотекой: https://www.youtube.com/watch?v=Vg7XvAJz7H4

Comments

[Localhost]

Не могу разобраться с установкой....

[Toxich40]

Алексей: Так а что не видно что человеку лишь бы своё видео порекламировать

[Localhost]

Toxich40: Видно)

Answer 7

[tarya]

Для FireBug есть плагин «CSS Usage», показывает те селекторы которые не используются на странице. Тут конечно вопрос не очень простой, на одной странице может и не используется, а на другой да. Потому удалять нужно аккуратно.

Answer 8

[abusabir]

grunt-uncss

Answer 9

[Al-ex]

Долго мучился пока нашел адекватное решение. Помогло расширение для chrome. Оно сохраняет только используемые на странице CSS стили и помечает комментарием источник. Описание тут https://fastcms.ru/kak-ubrat-lishnie-css-stili-so-...