Я знаю что для сжимания 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 напишу потом. А пока что пишите в комментарии свои советы и идеи на сей счет.
Компонент комментариев CComment