Очистка css от неиспользуемых стилей

CSS
Многие разработчики сталкиваются с тем, что после какого-то времени работы над проектом, в файлах CSS появляются стили, про которые нельзя точно сказать, используются они или нет. Такое часто случается, когда вы работаете в команде, и над стилями работает не один человек. Или, например, до вас было несколько разработчиков, а вы решили что-то поменять или дизайнер задумал небольшой редизайн. В общем, вариантов много, а результат один — браузеру отдаются «мертвые» селекторы.

Очистка css от неиспользуемых стилей


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

Расширения для Firefox

Dust Me

Учитывает стили, включенные в страницу через , @import и <?xml-stylesheet?>. Может анализировать как отдельную страницу, так и весь сайт. В конце вы получите список селекторов, которые не используются на сайте.

CSS Usage

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

Десктопные редакторы

Перечень редакторов кода, которые так или иначе умеют находить неиспользуемые CSS стили.
TopStyle (Win)

Этот так же умеет находить селекторы, которые используются на страницах, но для которых нет описания в CSS файлах.

IntelliJ IDEA (Win, Mac, Linux)

Кросс-платформенный редактор, предназначенный в первую очередь для работы с Java.

3 комментария

AnnoirQ
Сорри, за оффтоп.
Не пойму, habrahabr.ru взломали что ли?
Че то уже 2 день не открывается…
Может кто-нибудь знает…
admin
Нет, проверяйте пинг, трасеруйте. Смотрите файл host если под виндой. Думаю проблема у вас, так как хабр работает стабильно и без прерываний.
IP habrahabra — 178.248.233.33

Но это блин вобще оффтоп. Может темку создадите по тому, как выясняли и может быть решили проблему? Или темку с проблемой, а разберёмся может в месте.
Mikhail Popov
Я пользуюсь библиотекой mincss на Python. Можно установить от сюда: https://github.com/peterbe/mincss Сделал видео, как пользоваться библиотекой: http://www.youtube.com/watch?v=Vg7XvAJz7H4

Оставить комментарий

Комментировать при помощи:
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.