Сервисы для оптимизации CSS

В данной статье рассмотрим несколько сервисов, которые помогают оптимизировать CSS-файлы для вашего сайта.

1. CSS Optimizer. Довольно простой онлайн-сервис, обрабатывающий ваш файл CSS. На выходе получается сжатый вариант файла. Вы можете указать ссылку на нужный вам CSS-файл, непосредственно загрузить его на сервис, либо просто вставить CSS-код в специальное окно. Это довольно простой инструмент, без большого числа всяких ненужных опций, поэтому процедура сжатия кода будет одинакова независимо от того, какие файлы CSS вы сжимаете.

2. CSS Drive gallery. У него есть два режима – это Regular и Advanced. У продвинутого режима (Advanced) есть несколько параметров, которые можно настроить самостоятельно. Можно исключить все комментарии из сжатого варианта файла (или исключить только отдельные комментарии, которые больше нужного размера). Таким образом, маленькие комментарии можно оставить. Простой режим Regular подойдет для простого сжатия обычных CSS-файлов. Нужно только выбрать тип сжатия — Normal, Light, а также Super Compact – и всё. На выходе получите то, что нужно. Кстати, еще одним интересным вариантом ускорить сайт, есть использование так называемых CSS Sprites, но это уже тема для другой статьи.

3. Clean CSS. Базируется на другом сервисе CSSTidy. Есть возможность ставить нужную вам степень сжатия и его редактировать настройки сжатия. При этом пишется отчет, в котором показаны все изменившиеся строки в файле CSS. Также выполняется проверка CSS оптимизации и форматирования по окончании выполнения процесса.

4. CSS Compressor. Весьма популярный веб-сервис для сжатия CSS-файлов. Там вам доступны множество типов сжатия, которые можно установить для цвета текста, CSS-правил, измерений и других CSS-свойств. Помимо всего прочего, CSS компрессор имеет в своем функционале специальную утилиту Combine, которая позволяет одновременно работать сразу с тремя отдельными файлами CSS.