CSS Reduction Tool

Question

Мне было интересно, знает ли кто-нибудь о доступных инструментах, которые выполняют задачу анализа одного или нескольких файлов CSS, определяя сходство между различными правилами в файлах и представляя пользователя с вариантами слияния и сокращения наборы правил.

Я спрашиваю об этом, потому что проект, над которым я работаю, достиг точки, в которой так много CSS, что Internet Explorer (все-таки нижняя строка, я боюсь) задыхается на CSS после загрузки страницы, вызывая 3-5 вторая блокировка в интерактивности до тех пор, пока дроссель не будет обработан.

В случае, если вам интересно: Да, я уверен, что именно CSS вызывает эту проблему.

Answer 1

попробуйте любой из этих ссылок, я предпочитаю css tidy и успешно использовал его в прошлом.

css optimiser

cleancss

css tidy

Answer 2

Есть YUI CSS Compressor - вы могли бы дать это, но я думаю, что это больше для размера файла, чем на самом деле сочетания правил.

Answer 3

Я знаю, что это не совсем то, что вы просите, и это идет обратное и делает ваши CSS файлы больше, но вы можете получить некоторые идеи вручную оптимизировать ваш CSS, организованный с помощью этого инструмента :

http://styleneat.com/index.php?PHPSESSID=j0thilea0b8sjao2vcs8g5ekh1

Опять же, не инструменты, но интересное чтение:

http://code.google.com/speed/articles/optimizing-css.html http://meiert.com/en/blog/20080515/css-organization-and-efficiency/

Answer 4

Не совсем то, что вы после этого, но очень полезно для обрезки вниз раздутый CSS:

http://www.sitepoint.com/dustmeselectors/

Firefox плагин, чтобы сообщить вам, какие объявления CSS не используются.

https://addons.mozilla.org/en-US/firefox/addon/60

Firefox Web Developer Toolbar:. CSS> Просмотр информации о стиле> нажмите на элемент страницы - Это покажет вам все CSS, который относится к элементу, и файл CSS/с это в