Тулза для оптимизации CSS-файла?

auStern
На сайте с 30.03.2007
Offline
167
783

Существует ли онлайн-сервис или программка для оптимизации файла с css-стилями? У меня стиль получился огромный, на 17 килобайт, хотелось бы оптимизировать + есть ли возможность сопоставить одинаковые стили? Заранее спасибо.

WwWork
На сайте с 07.02.2006
Offline
150
#1

интересный сервис, вобще есть такой?

А что руками не получается оптимизировать?

Я обычно похожие элементы группирую.

Что то типа

было

P {

text-align:right;
font:17px;
}

TD {
text-align:right;
font:17px;
}

Стало

P, TD {

text-align:right;
font:17px;
}

а?

Groove
На сайте с 22.02.2007
Offline
41
#2
auStern:
Существует ли онлайн-сервис или программка для оптимизации файла с css-стилями? У меня стиль получился огромный, на 17 килобайт, хотелось бы оптимизировать + есть ли возможность сопоставить одинаковые стили? Заранее спасибо.

http://www.cssoptimiser.com/

http://www.cleancss.com/

рекомендую второй, НО: хаки они оба слабо поддерживают, зато очень хороши оптимизирует CSS.

Я сперва думал он пробелы и переводы строк удалит просто, а он еще и немного думать умеет.

Т.е. из

.sss{

padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
}

делает

.sss{padding:10px;}

а также есть разные типы сжатия, в общем рекомендую!

И внизу напишет строчку приятную для души любого оптимизатора:

Input: 0.094KB, Output: 0.019KB, Compression Ratio: 79.8% (-75 Bytes)

:)

Groove добавил 04.02.2008 в 09:44

WwWork:
интересный сервис, вобще есть такой?
А что руками не получается оптимизировать?
Я обычно похожие элементы группирую.

прогнал Ваш пример, на выходе:

P,TD{text-align:right;font:17px;}

Input: 0.079KB, Output: 0.033KB, Compression Ratio: 58.2% (-46 Bytes)

jQuickForm = генератор форм на PHP (jQuery + HTML_QuickForm2) (http://jquickform.ru/) | iBegun.ru - цены в Бегуне (http://ibegun.ru/)
Globator
На сайте с 30.04.2006
Offline
68
#3

Недавно сделал перевод статьи по CSS сервисам "23 полезных CSS сервиса", надеюсь, пригодится.

Блог о продвижении сайтов Shakin.ru (http://shakin.ru/)
Kolyaj
На сайте с 28.03.2006
Offline
69
#4

Вот есть еще плагин для FF, находит правила, которые не используются на данной странице

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

Groove
На сайте с 22.02.2007
Offline
41
#5
Kolyaj:
Вот есть еще плагин для FF, находит правила, которые не используются на данной странице
http://www.sitepoint.com/dustmeselectors/

а вот за это отдельное спасибо, поставил, посмотрел - половина CSS-кода, доставшегося в наследство оказалось шлаком, процентов на 40-50😮.

Оптимизация не только в сжатии, но и хирургические работы потребуются.

А то даже как то и не замечал, увлекшись сжатием того, что есть...

daykkin
На сайте с 10.04.2007
Offline
100
#6

Kolyaj, Можно тебя поцыловать?)

Hakuna Matata! What a wonderful phrase. Hakuna Matata! Ain't no passing craze. It means no worries for the rest of your days, It's our problem-free, philosophy, Hakuna Matata! :)
Kolyaj
На сайте с 28.03.2006
Offline
69
#7
daykkin:
Kolyaj, Можно тебя поцыловать?)

Нет, спасибо :)

WwWork
На сайте с 07.02.2006
Offline
150
#8

а меня?... :)

dkameleon
На сайте с 09.12.2005
Offline
386
#9
WwWork:
а меня?...

пацылавать? 😂

Дизайн интерьера (http://balabukha.com/)
auStern
На сайте с 30.03.2007
Offline
167
#10
Groove:
http://www.cleancss.com/

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

Спасибо за ссылки, сделал оптимизацию High (предпоследняя степень), в итоге из 17900 стал весить 15600. Кое-что заменил, поправил. Конечно это мало, но что есть то есть. Думаю ещё стоит поработать над распределением стилей на каждую страницу, чтобы не отдавать постоянно для главной стили, которые вообще идут для другой страницы...

Kolyaj:
Вот есть еще плагин для FF, находит правила, которые не используются на данной странице
http://www.sitepoint.com/dustmeselectors/

Чем я собственно и воспользуюсь...

Kolyaj, Можно тебя поцыловать?)

Можно отделатся спасибом ))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий