Регистрация Войти
Вход на сайт

Инструменты для нахождения неиспользуемых CSS стилей

Инструменты для нахождения неиспользуемых CSS стилей

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

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

Dust Me

Инструменты для нахождения неиспользуемых CSS стилей


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

CSS Usage

Инструменты для нахождения неиспользуемых CSS стилей


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

Веб-сервисы

CSS Checker

Инструменты для нахождения неиспользуемых CSS стилей


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

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

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

TopStyle (Win)

Инструменты для нахождения неиспользуемых CSS стилей


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

IntelliJ IDEA (Win, Mac, Linux)

Инструменты для нахождения неиспользуемых CSS стилей


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

Заключение
По мнению автора, самый удачный инструмент из перечисленных — Dust Me. Анализ всего сайта занимает меньше минуты, после чего нужно просто найти и удалить указанные селекторы.

по материалам статьи Павла Марковнина
Категория: Софт и сервисы
Актуальные версии, стоимость и возможности сервисов и программ уточняйте на сайтах их авторов.
comments powered by Disqus
» » Инструменты для нахождения неиспользуемых CSS стилей