Мертвый код в CSS?

Question

[Сергей Протько]

Дали проект на дебаг, ну а там CSS розросся до безобразия. Причем половина точно не используется. Задался вопросом — есть ли какая либо утилита для поиска мертвого кода в CSS? Я понимаю что камней предкновения много: нужно проверить на всех страницах для которых используются стили, учитывать работы JS (тот же jQuery UI)… Но все же… все это вполне реализуемо. Может уже реализовали?

Comments

[Сергей Протько]

Пока чищу в ручную — утомляет…

Answer 1

[holyorb2]

Firefox + Firebug + CSS Usage

Comments

[holyorb2]

Firefox + Firebug + Dust Me
и ссылка vremenno.net/html-css/tools-for-detecting-unused-css-styles/

Answer 2

[Meliborn]

В сафари так например.

Comments

[ngreduce]

И автоматически в хроме — у них похожие, или даже одинаковые (не сильно щупал сафари) дев-тулзы.

Answer 3

[Влад Фролов]

Мои знакомые пилят сейчас csscleaner.net/ как раз то что вам нужно. Однако, сейчас работает довольно медленно.
PS обратите внимание, что сервер не может парсить страницы, закрытые авторизацией, поэтому нужно либо заливать zip архив (не проверял работает ли), либо открывать страницы для доступа неавторизированным пользователям.
PS2 Кстати, если у вас есть идеи как обрабатывать закрытые авторизацией страницы — я бы передал им их.

Comments

[Stalker_RED]

сразу напрашивается простое решение — подкинуть ему куку для авторизации.

[Сергей Протько]

Если требуется обработать страницы, доступные только авторизованным пользователям (как в моем случае админка для одного сайтика финансовой конторки) то само собой доступ давать нельзя. Единственный вариант — сохранить HTML со всеми ресурсами и загрузить через ZIP.

p.s. Верстка на таблицах… фиии…

[ilblackdragon]

Интересный проект, буду следить за развитием

Answer 4

[Евгений Лещенко]

Есть такая штука — CSSTidy, умеет удалять дубли css. Использую так: собираю все подключаемые файлы в один, прогоняю с помощью CSSTidy, сохраняю и ложу в папочку с кешем.

Comments

[banzalik]

есть более современная — CSSO

[Антон Корзунов]

обе тузлы умеют обьединять похожие правила, описанные в разных местах, но не умеют уничтожать селекторы которые не нужны.
Это, к сожалению, практически ручная работа.
Один из вариантов решения — роботом добавить ко всем стилям их дубли с :after в котором будет картинка с уникальным именем.
После чего 10 минут ходим по сайту нажимая на все кнопки(опять же можно роботом)
В итоге достаточно наложить аксес логи на стили чтобы понять какие использовались, а какие нет.

Answer 5

[Павел Белорусский]

Я так понял вопрос остался открытым, так как все утилиты из топика не без "грешка".

Comments

[Сергей Протько]

https://github.com/geuis/helium-css