Инструменты для нахождения неиспользуемых 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. Анализ всего сайта занимает меньше минуты, после чего нужно просто найти и удалить указанные селекторы.

по материалам статьи Павла Марковнина

Оцените статью
Мой SEO Гид - всё для SEO, SEM, SMO и SMM
Добавить комментарий