Форум Сайтостроение Веб-строительство

Ищу CSS оптимизатор-генератор. Есть такие?

Р
На сайте с 07.02.2013
Offline
178
рецидивист
522

Приветствую.

Заинтересовал вопрос об оптимизации, т.е. уменьшении размера файла стилей CSS. В файле более 3000 строк и весит он почти 100 Кб. Есть в нем дубликаты, руками чистить лень. Может есть в сети какие-нибудь оптимизаторы/генераторы CSS файлов, чтобы они объединяли дубликаты.

К примеру, есть такой код:

.k-events .buttons-container{

	margin:20px 0 0 -20px;

	background: #EDEDED;

	border:1px solid #e0e0e0;

	-webkit-border-radius: 2px 2px 2px 2px;

	-moz-border-radius: 2px 2px 2px 2px;

	border-radius: 2px 2px 2px 2px;

	padding:10px 38px 10px 10px;

	width:900px !important;}



.k-peges-profile{

	color#000;

	margin:20px 0 0 -20px;

	background: #EDEDED;

	border:1px solid #e0e0e0;

	-webkit-border-radius: 2px 2px 2px 2px;

	-moz-border-radius: 2px 2px 2px 2px;

	border-radius: 2px 2px 2px 2px;

	padding:10px 38px 10px 10px;

	width:900px !important;}

Надо чтобы он превратился в такой:

.k-events .buttons-container, .k-peges-profile{

margin:20px 0 0 -20px;

	background: #EDEDED;

	border:1px solid #e0e0e0;

	-webkit-border-radius: 2px 2px 2px 2px;

	-moz-border-radius: 2px 2px 2px 2px;

	border-radius: 2px 2px 2px 2px;

	padding:10px 38px 10px 10px;

	width:900px !important;}

	

.k-peges-profile{

	color#000;}

Есть ли такие инструменты?

---------- Добавлено 20.03.2013 в 20:16 ----------

Или все таки лучше ручками?

WebJunior
На сайте с 11.06.2010
Offline
155
WebJunior
#1

http://www.codebeautifier.com справа, опцией "Compression (code layout):" регулируйте уровень сжатия (читабельность кода).

и по запросу "css optimizer online", "css beautifier" всё успешно находится.

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
Vauquelin
На сайте с 02.09.2012
Offline
9
Vauquelin
#2

ну cleancss.com это сделает:


.k-events .buttons-container,.k-peges-profile {
background:#EDEDED;
border:1px solid #e0e0e0;
-webkit-border-radius:2px 2px 2px 2px;
-moz-border-radius:2px;
border-radius:2px 2px 2px 2px;
width:900px!important;
margin:20px 0 0 -20px;
padding:10px 38px 10px 10px;
}

а это нет:


.k-peges-profile{
color#000;}

еще есть http://csslint.net/ он подсвечивает повторяющиеся свойства

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