Лихачёв

Нашел в сети интересную вещь – CSS Formatter and Optimiser. Подсовываете ему исходный CSS файл, а он старается максимально его ужать. Соответственно присутствуют настройки аппетита: от higher readability до no readability, smallest size.

Решил потестить – вот что получилось.

1. Начинающий водитель
Исходный файл: http://www.avtobeginner.ru/templates/style.css
Исходный размер: 10.028KB
Полученный размер: 8.524KB
Степень сжатия: 15% (-1504 Bytes)

2. Мой блог
Исходный файл: http://www.likhachev.net/wp-content/themes/redoable/autumn.css
Исходный размер: 10.692KB
Полученный размер: 8.112KB
Степень сжатия: 24.1% (-2580 Bytes)

3. Секретный файл :) Из проекта “Маркетинговая база Volkswagen”
Исходный файл: [коммерческая тайна]
Исходный размер: 48.41KB
Полученный размер: 25.08KB
Степень сжатия: 48.2% (-23330 Bytes)

В основном он делает следующие вещи:
1. сокращает значение цвета: из “#ffffff” в “#fff”
2. убирает единицы размера из нулевых значений: из “0px” в “0″
3. меняет bold на 700, а normal на 400 :)
4. использует сокращенные нотации: из “48px 15px 5px 15px” в “48px 15px 5px”

Полезный инструмент для проверки файлов стилей перед запуском проектов. Я добавил в закладки.