CSS Minimizer? - PullRequest
       14

CSS Minimizer?

11 голосов
/ 27 октября 2009

Знаете ли вы об онлайн-компрессоре CSS, который помогает удалять избыточные / неэффективные CSS-объявления и заменяет его более оптимизированным CSS?

То есть я знаю, что существует множество "компрессоров", которые просто удаляют вкладки, удаляют комментарии и т. Д.

Но то, что я ищу, достаточно умно, чтобы знать, что:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

такой же, как и более эффективный:

border: 1px solid red;

UPDATE : CSS, который я пытаюсь оптимизировать, находится по ссылке ниже

http://tinyurl.com/yhy5ln

Ответы [ 3 ]

8 голосов
/ 27 октября 2009

Будет это делать? Он украшает, минимизирует, объединяет и упрощает правила, где это возможно, и легко настраивается.

0 голосов
/ 08 февраля 2013

Попробуйте Devilo.us

Это также дает вам контроль над тем, сколько вы хотите сжать код.

0 голосов
/ 28 октября 2009

Чистый CSS - это тот, который я пробовал раньше.

Однако для вашего примера правил слияния я настоятельно рекомендую сделать это вручную, потому что существуют ситуации, когда любой автоматический инструмент может что-то испортить или не поймать оптимизацию.

Если у вас есть, например:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red;

Лучший способ оптимизировать это:

border-width: 3px 1px;
border-style: solid;
border-color: red;

Но оптимизатор не может поймать это.

EDIT

Попробовал приведенный выше пример, и Clean CSS не порезал горчицу. Однако FlumpCakes Optimizer лучше. Это ловит ваш пример, но не мой продвинутый пример.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...