Есть ли хорошие подходы, чтобы помочь определить неиспользуемые определения CSS в проекте? Куча css-файлов была загружена, и теперь я пытаюсь кое-что почистить.
css
performance
optimization
code-cleanup
jswanson
источник
источник
Ответы:
Взгляните на расширение Firefox Dust-Me по адресу https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .
источник
В Chrome Developer Tools есть вкладка Audits, на которой могут отображаться неиспользуемые селекторы CSS.
Запустите аудит, затем в разделе Производительность веб-страницы см. Раздел Удаление неиспользуемых правил CSS.
источник
Я только что нашел этот сайт - http://unused-css.com/
Выглядит хорошо, но мне нужно тщательно проверить выводимый «чистый» css, прежде чем загружать его на любой из моих сайтов.
Также, как и со всеми этими инструментами, мне нужно было убедиться, что он не удаляет идентификаторы и классы без стиля, а используется как селекторы JavaScript.
Содержание ниже взято с http://unused-css.com/, поэтому поблагодарите их за рекомендации других решений:
источник
Google Page Speed может сделать это за вас (на самом деле она делает гораздо больше, чем просто сообщает вам, какой CSS не используется). На FireFox он доступен как дополнение к FireBug. Тогда есть онлайн-версия тоже.
источник
Лучший CSS Minifier в C # сбрасывает избыточные стили;
Вы также хотели бы использовать Dust-Me с этим.
Имейте в виду, что если какой-либо контент в данный момент не виден пользователям пыли, вы можете выбросить нужные вам стили.
РЕДАКТИРОВАТЬ: ссылка была сломана, но archive.org содержит и страницу, и код.
источник
Использование CSS
Расширение Firebug для просмотра того, какие правила CSS действительно используются.
CSS Usage - это расширение для Firebug (поэтому необходимо иметь установленный Firebug), которое позволяет вам знать неиспользуемые правила стиля CSS. Он идентифицирует CSS, который вы используете и не используете. Это позволяет указать, какие ненужные детали можно удалить. Вам обязательно следует использовать это дополнение, чтобы ваши CSS-файлы были как можно более легкими.
источник
Похоже, что кто-то обновил DustMe Selectors для работы с Firefox снова под новым именем - «Сводка новостей CSS» http://blog.brothersmorrison.com/?p=198
источник
Используйте панель инструментов разработчика Internet Explorer , s Вид> Соответствия селектора CSS : просмотр отчета обо всех установленных правилах стиля и количестве их использования на текущей странице.
источник
Проверьте Google PageSpeed для Firefox . Это делает это, и целый груз больше.
По-видимому, плагин для Chrome также находится в стадии разработки.
источник