"Умная" минификация CSS?

Question

[Johny Smith]

Группирование одинаковых свойств и значений в одни селекторы и т.п.

Comments

[Rustam Bainazarov]

CSSnano для PostCSS, CleanCSS и т. п.

[sim3x]

Рустам Байназаров, например как?

[sim3x]

Olek1, что такой подход изменит?

[Rustam Bainazarov]

sim3x, они в определенной мере объединяют селекторы, сжимают цвета, убирают лишние нули, точки с запятыми, меняют названия анимаций на короткие коды и т. п.

Ну и тупо минифицируют файл ко всему прочему, конечно.

[sim3x]

Рустам Байназаров,

cleancss - можно посмотреть аналоги https://goalsmashers.github.io/css-minification-be...

Как другой плагин поможет?

[Rustam Bainazarov]

sim3x, не совсем понял. Аналогов много, хоть те же CSSNano или CSSO. Выбирайте что подходит лучше.

[sim3x]

Рустам Байназаров, Как второй, указанный вами, плагин поможет в решении вопроса ТСа?

[Rustam Bainazarov]

sim3x, Clean-CSS?
https://github.com/jakubpawlowicz/clean-css/blob/m...

Делает то, что я описал выше. С переменным успехом.

[sim3x]

Рустам Байназаров,
А второй плагин?

[Rustam Bainazarov]

sim3x, CSSNano для PostCSS? То же самое.

[sim3x]

Рустам Байназаров, что в данном кейсе делает постцс?

[Rustam Bainazarov]

sim3x, не понимаю, что вы хотите и что вам нужно. Это (CSSNano) плагин для него (PostCSS).

cssnano is powered by PostCSS, a tool for transforming styles with JavaScript. Specifically, its plugin architecture allows us to compose cssnano out of small modules with limited responsibilities. It also allows you to easily insert cssnano into your build step, along with other processors that can lint your CSS for errors, or transpile future syntax.

[Rustam Bainazarov]

sim3x, а, я забыл указать CSSNano в первом комментарии, когда написал про PostCSS. Надо поправить.

[sim3x]

Рустам Байназаров,
Странно указывать только один на котором построен софт
Почему не указали с десяток других либ, на которых построен цсснано?

Я так понимаю из-за того что софт на посте тормозит по сравнению с софтом написанном на Си?

[Rustam Bainazarov]

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

[Johny Smith]

sim3x,Olek1,

что такой подход изменит?

убрать все дублирования, уменьшить весь стилей

[sim3x]

Olek1, зачем?
Движку все равно придется разворачивать всю ерунду
Вопрос только насколько все усложнит ему работу

[Johny Smith]

sim3x, в наши дни с процессорным временем меньше проблем чем с широтой каналов на мобилках

[sim3x]

Olek1, ваша "проблема" решается gzip -9

Можно даже не использовать csso

И батареи у ваших юзеров не резиновые

[Johny Smith]

sim3x, в принципе да, для gzip это действительно находка

[sim3x]

Olek1, LMAO

[Johny Smith]

sim3x,

spoiler

Answer 1

[SagePtr]

Без потерь - это сложно, так как порядок селекторов в CSS порой имеет значение, в случае, если у них одинаковая специфичность. Ведь минификатор не видит HTML-кода и не знает, насколько ваши селекторы друг между другом пересекаются. Тут разве что безопасно можно объединять только те, которые идут непосредственно друг за другом, но такое очень редко в жизни бывает.