Как оптимизировать css код?

Question

[eellazy]

Всем привет! Написал очень большой файл со стилями для сайта. Писал лишь бы как то есть на быструю рук. Теперь хочу его оптимизировать.
Считаеться ли это оптимизацией если было margin-top: 10px; margin-bottom:5px; а стало margin: 10px 0px 5px;

Answer 1

[metaf]

Оптимизацией может считаться удаление дублирующих стилей / селекторов и правильная последовательность селекторов. Дальше берете css lint или scss lint, находите конфиг, который вам подходит и чистите всё.
А эти непонятно откуда взявшиеся нули от объединения марджинов паддингов могут сыграть с вами злую шутку.

Answer 2

[Михаил]

Да

Ещё сделайте акцент на ненужных классах, обёртках и css-стилях

Comments

[eellazy]

насколько я знаю возле нулей так же можно не писать px

[Максим Тимофеев]

eellazy: да

[Илья]

Не всегда

Answer 3

[iBird Rose]

проведи свой css через gulp shorthand https://github.com/vol7/shorthand
а еще через gulp-csso https://github.com/ben-eb/gulp-csso

Comments

[eellazy]

к сожалению не умею такими вещами пользоваться

[iBird Rose]

eellazy: ну значит ручками правь) ну или лучше все же иди на ютуб и посмотри как gulp запускать)