11 онлайн утилит и приложений для оптимизации и фо

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

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

Данные утилиты могут быть очень полезными, если вы сомневаетесь в правильности и грамотности написанного вами кода.
Просим вас заметить, что данные утилиты не являются тестерами кода CSS на валидность или ошибки. Если вы ищите такой сервис, то вам лучше воспользоваться услугами The W3C CSS Validation Service.

— Онлайн CSS-оптимизатор – flumpCakes


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

* Удаление комментариев
* Удаление нежелательных и ненужных пробелов
* Конвертация значений RGB в Hex (которые меньше по размеру)
* Конвертация значений Hex в RGB (#RRGGBB)
* Конвертация нулевых значений с указателем в обычный 0 (0px становится 0)
* Изменения значения границ (например: 1px 2px 1px 2px в 1px 2px)
* Комбинация нескольких значений указания фона, шрифта, отступа, наполнения и списков в один атрибут
* Конвертация значений многократных границ в одну
* Возможность конвертации абсолютных значений (pt/px) в относительные (em)
* Группирование повторяющихся стилистических атрибутов и значений в один стиль

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

— Styleneat – органайзер CSS-кода


Styleneat распределяет и стандартизирует ваш CSS-код, а точнее селекторы, дочерние селекторы и свойства распределяются по структуре, что позволяет проще и легче разобраться в коде и не путаться в том, как селекторы связаны между собой.
С помощью этой утилиты вы сможете сортировать свойства и селекторы в алфавитном порядке, а также можете выбрать однострочный или многострочный вариант форматирования.

— Clean CSS – оптимизация и форматирование CSS


Утилита представляет собой оптимизатор и форматер CSS-кода с большим количеством опций, с помощью которых можно добиться чистоты и краткости вашего кода.

— CSS Compressor – Online онлайн компрессор кода


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

— Code Beautifier – форматер и оптимизатор CSS-кода


Утилита разработана на основе популярного бесплатного CSS-анализатора и оптимизатора – CSS Tidy. Утилита предлагает все самые важные опции, собранные в одном приложении.
Вы можете отсортировать и соединить селекторы и свойства, сжать значения цветов и шрифтов, выбрать между верхним и нижним регистром, а также есть опция отклонения неверных значений.

— CSS SuperScrub


CSS SuperScrub может значительно уменьшить размер и запутанность вашего CSS-кода путём вырезания ненужного содержимого и группировки повторяющихся свойств.

— Онлайн CSS оптимизатор


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

— CSS Compressor – CSS Drive


С помощью данной утилиты вы можете сжать ваш CSS-код и значительно ускорить загрузку страниц. Есть выбор между тремя степенями сжатия, в зависимости от того, насколько вы хотите сжать код. «Нормальный» режим должен работать отлично, поддерживая баланс между уровнем сжатия и читаемостью кода.
Также есть пункт расширенных настроек, который позволит вам опционально выбирать методы сжатия.

— CSS Analyser


Маленькая утилита, которая позволяет проверить ваш код CSS на валидность. Проводится тест на контрастность цветов, и проверка правильного указания единиц измерения размеров. Если CSS файл указан посредством URL, то есть возможность его загрузки в отдельное окно с последующим редактированием без повторной его загрузки на сервер.

— CSS Redundancy Checker


Простая утилита с одной простой функцией. Утилита вычисляет селекторы CSS, которые не используются ни одним файлом HTML, и удаляет его, если в нем нет потребности.

— CSS Code Formatter and Optimizer – Портал CSS


Еще один форматер и оптимизатор CSS.