Я  знаю что для сжимания css есть разные онлайн сервисы типа http://www.cssoptimiser.com/ и ему подобные. Однако эти советы для тех кто любит все делать руками (знающие люди также проходят мимо, n00b only).

И так (выполнение действий не имеет никакой последовательности) пользоваться будем Notepad++ но пойдет любой редактор с возможностью Поиска\Замена: 

1) Сокращение цветов: #000000 - #000, #FFUUCC - #FUC. И так с любой одинаковой последовательностью. Если используется названия цветов, также меняем color: black, color: white - #000 и #fff соответсвтенно.

2) Убираем у нулевых значений систему измерения. 0%, 0px и тд. превращаем в полный 0.

3) Для margin и padding используем сокращенную запись:

margin-top: 10px;
margin-right: 0;
margin-bottom: 2px;
margin-left: 11px; 

Заменяем на:

margin: 10px 0 2px 11px;

4) Теже манипуляции с background: 

background-color: #000;
background-image: url(img/img.jpg);
background-position: top right;
background-repeat: no-repeat; 

Пишем:

background: #000 url(img/img.jpg) top right no-repeat;

5) Небольшой фокус. На любителя. В Notepad++ открываем Поиск\Замена и включаем Расширенный метод поиска. а) Забиваем в поиск \n а поле Замена оставляем пустым. Нажимаем Заменить все. б) меняем в поиске \n на \r и снова нажимаем Заменить все. Произойдет жопа и весь код станет в одну строчку. (Это может случится и после пункта а, следовательно пункт б пропускаем) в) в поле Поиск вводим } а в поле Замена }\n и нажимаем Заменить все. Смотрим результат. Как я уже сказал на любителя.

 

На этом пока все. А то напишу сразу все и потом будет не о чем писать. О минификации и сжатии. А точнее о плагинах для Joomla и Wordpress напишу потом. А пока что пишите в комментарии свои советы и идеи на сей счет.

Оставьте свой комментарий

Оставить комментарий от имени гостя

0
О сайте

Тут должна была быть написана различная информация о сайте но мы подумали что она никому, к черту, не сдалась и поэтому здесь был размещен этот текст. Тоже никому не нужный.