Вероятно, любой опытный веб-разработчик будет знаком с этой проблемой: со временем ваши файлы css могут расти довольно огромными и уродливыми из-за всех не используемых селекторов, которые могут быть довольно сложными для поиска. Я работаю над проектом рельсов, где мы склонны реконструировать вещи довольно часто, что приводит к тонне дедвейта css. Какой лучший способ найти и удалить его?
Теперь я знаю, что для этой цели создан плагин с рельсами, называемый дедвейтом. Однако здесь моя проблема с дедвейтом: во-первых, он полностью игнорирует селекторов, используемых в javascript. Затем он сканирует только те страницы, которые вы настраиваете для сканирования, что означает, что существует риск удалить что-то, что используется на страницах, которые вы не сканировали по какой-либо причине. Наконец, он находит неиспользуемые селекторы только в скомпилированном css (мы используем LESS) - их сопоставление с фактическим кодом слишком сильно связано.
Я также пробовал http://unused-css.com/ - они великолепны, но не могут получить доступ к localhost и, опять же, могут сканировать только скомпилированный CSS.
Я действительно думаю, что должен быть лучший способ сделать это. На самом деле, некоторое время назад я решил оптимизировать один конкретный файл css путем grepping каждого селектора во всей директории проекта (режим emacs + rinari делает его супер-легким и супер-быстрым), и каждый раз, когда я не видел никаких html или css в результатах я удалил стиль. Нулевые проблемы, работали как шарм. Очевидно, я не собираюсь делать это для всего сайта. Тем не менее, я действительно не считаю, что это невозможно автоматизировать. Теперь, прежде чем я запустил свой питон и закодировал его, может ли кто-нибудь сказать мне, буду ли я изобретать колесо?
Откройте библиотеку uCSS из Opera Software.
Это поможет вам найти неиспользуемый CSS, а также дублировать CSS. Кроме того, вы можете получить общее представление о том, сколько раз каждое правило использовалось в вашей разметке. Несколько параметров доступны при настройке файла конфигурации.
Update:
Еще одна отличная альтернатива: csscss.
Написано в Ruby и поддерживает SASS, Less.
Update:
Еще одна отличная альтернатива: uncss.
Он работает в нескольких файлах и поддерживает CSS с CSS.
Dust Me Selecters и/или Использование CSS Firefox расширения могут помочь вам избавиться от неиспользуемого CSS.
В инструментах разработчика Chrome вы можете использовать инструмент Web Page Performance для поиска неиспользуемых правил CSS.