Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Минификация множественных значений фонов #58

Open
kizu opened this issue Feb 28, 2012 · 1 comment

Comments

@kizu
Copy link

kizu commented Feb 28, 2012

Скажем, если есть что-то такое:

.class {
    background: url(1.png) 100% 100% no-repeat,
                url(2.jpg) 100% 100% no-repeat,
                url(3.jpg) 100% 100% no-repeat,
                url(4.jpg) 100% 100% no-repeat;
}

То это не самый оптимальный вариант как это можно описать: в подобных случаях можно вынести все повторяющиеся значения в начало, а неповторяющиеся — описать после. Получится что-то такое (отформатированное):

.class {
    background: 100% 100% no-repeat;
    background-image: url(1.png),
                      url(2.jpg),
                      url(3.jpg),
                      url(4.jpg);
}

Экономия: из 142 в 104 символа в этом конкретном случае. Подозреваю, что чем дальше тем больше люди будут использовать множественные фоны и градиенты, так что можно будет подумать в эту сторону.

Это, в принципе, относится к части уже описанных вариантов сжатия шортхендов, но я решил отдельным пунктом упомянуть :) Ну и да — это совсем не критично и, скорее, можно будет делать когда остальные возможности по оптимизации будут исчерпаны.

@kizu
Copy link
Author

kizu commented Oct 24, 2012

Сейчас понял, что подобное сжатие будет не безопасным с точки зрения разной поддержки разными браузерами — первый вариант поймут только те, кто понимает множественные фоны, а во втором первое правило поймут все.

Но — в 99% случаев такое не повредит, так что если когда в CSSO будет не 100% безопасный (но сильно ужимающий) режим — туда этому таску и дорога.

Кстати, может ввести теги типа «safe», «unsafe» и вешать их соответствующим issues? Ну и вообще можно подумать над каталогизацией issues — со всякими полезными метками и прочими штуками (майлстоуны?) было бы проще работать, наверное.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant