Взгляните на расширение Firefox Dust-Me на странице https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .

В Chrome Developer Tools есть вкладка « Аудит », в которой могут отображаться неиспользуемые селектора CSS.

Запустите аудит, затем в разделе « Производительность веб-страницы» см. « Удалить неиспользуемые правила CSS».

Я только что нашел этот сайт – http://unused-css.com/

Выглядит неплохо, но мне нужно будет тщательно проверить его выведенный «чистый» css, прежде чем загружать его на любой из моих сайтов.

Также, как и во всех этих инструментах, мне нужно было бы проверить, что это не разделило идентификаторы и classы без стиля, а использовались как селекторы JavaScript.

Нижеприведенный контент взят из http://unused-css.com/, поэтому им следует рекомендовать другие решения:

Latish Sehgal написал приложение Windows для поиска и удаления неиспользуемых classов CSS. Я не тестировал его, но из описания вы должны указать путь к вашим html-файлам и одному файлу CSS. Затем программа перечислит неиспользуемые селекторы CSS. На скриншоте похоже, что нет никакого способа экспортировать этот список или загрузить новый чистый файл CSS. Также похоже, что сервис ограничен одним файлом CSS. Если у вас есть несколько файлов, которые вы хотите очистить, вы должны их очищать один за другим.

Dust-Me Selectors – расширение Firefox (для версии 1.5 или новее), которое находит неиспользуемые селектора CSS. Он извлекает все селекторы из всех таблиц стилей на просматриваемой вами странице, затем анализирует эту страницу, чтобы узнать, какой из этих селекторов не используется. Затем данные сохраняются так, что при тестировании последующих страниц селектора могут быть вычеркнуты из списка по мере их появления. Предполагается, что этот инструмент может охватывать целый сайт, но, к сожалению, я могу заставить его работать. Кроме того, я не считаю, что вы можете настроить и загрузить файл CSS со стилями.

Topstyle – это приложение для Windows, включающее множество инструментов для редактирования CSS. Я не тестировал его много, но похоже, что он имеет возможность удалять неиспользуемые селектора CSS. Это программное обеспечение стоит 80 долларов США.

Liquidcity CSS cleaner – это php-скрипт, который использует регулярные выражения для проверки стилей одной страницы. Он расскажет вам о classах, которые недоступны в коде HTML. Я не тестировал это решение.

Дедвейт – это инструмент для покрытия CSS. Учитывая набор таблиц стилей и набор URL-адресов, он определяет, какие селектора фактически используются, и списки, которые можно «безопасно» удалить. Этот инструмент является rubyовым модулем и будет работать только с сайтом rails. Неиспользуемые селекторы должны быть удалены вручную из файла CSS.

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

UnusedCSS.com – это веб-приложение с простым интерфейсом. Введите URL-адрес сайта, и вы получите список селекторов CSS. Для каждого селектора число указывает, сколько раз используется селектор. У этой службы есть несколько ограничений. Оператор @import не поддерживается. Вы не можете настроить и загрузить новый чистый файл CSS.

CSSESS – это букмарклет, который поможет вам найти неиспользуемые селектора CSS на любом сайте. Этот инструмент довольно прост в использовании, но он не позволит вам настраивать и загружать чистые файлы CSS. Он будет перечислять только неиспользуемые файлы CSS.

Google Page Speed может сделать это для вас (на самом деле это намного больше, чем просто сказать, какой CSS не используется). В FireFox он доступен как дополнение FireBug. Затем есть онлайн-версия.

Улучшенный CSS Minifier в C # удаляет избыточные стили;

Вы также хотели бы использовать Dust-Me с этим.

Имейте в виду, если есть какой-либо контент, который в настоящее время не виден для пыли, вы можете выбросить стили, в которых вы нуждаетесь.

EDIT: ссылка была сломана, а у archive.org есть как страница, так и код.

Похоже, кто-то обновил DustMe Selectors, чтобы снова работать с Firefox под новым именем – «CSS Roundup» http://blog.brothersmorrison.com/?p=198

Использование CSS

Расширение Firebug для просмотра того, какие правила CSS действительно используются.

Использование CSS – это расширение для Firebug (поэтому необходимо установить Firebug), что позволяет вам узнать правила неиспользуемого стиля CSS. Он определяет CSS, который вы используете и не используете. Это позволяет указать, какие ненужные части можно удалить. Вы должны обязательно использовать это дополнение, чтобы ваши файлы CSS были как можно более легкими.

Используйте панель инструментов разработчика Internet Explorer , s View> Матчи селектора CSS . Просмотрите отчет обо всех установленных правилах стиля и сколько раз они используются на текущей странице.

Просмотрите страницу Google PageSpeed ​​для Firefox . Он делает это, и целая нагрузка больше.

По-видимому, разрабатывается и Chrome-плагин.