Форматирование, сжатие и оптимизация CSS кода

Познай секреты светлой стороны SEO!
Хочешь увидеть свой сайт в ТОПе выдачи поисковиков ещё при жизни?

Бывает что нужно оптимизировать (сократить) код CSS. Или же наоборот, разобрать не читаемый в одну строку css, попросту говоря (привести CSS в читаемый вид). Это нужно для комфортного редактирования кода.

css разбитый по классам

Инструмент о котором идёт речь cssportal.com имеет множество функций для форматирования кода. Основные:

  • Легко читаемый CSS
  • Одна линия на стиль
  • Супер сжатый код

Привести CSS в читаемый вид (Easy to Read)

Первый вариант необходим в том случае, когда нужно сделать код легко читаемым. В дополнительных настройках можно отформатировать код под свои требования.

Например после селектора открывающаяся фигурная скобка, с новой строки стили. Закрывает фигурная скобка на новой линии.

Читаемый CSS

Так же если в коде имеются комментарии, их тоже можно удалить или оставить.

CSS в одну линию на стиль (One Line per Style)

Идеальный вариант. CSS сжатый и в тоже время его легко редактировать так как каждый стиль будет начинаться с новой строки.

 

CSS в одну линию

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

Супер сжатый CSS (Super Compressed)

Будет иметь одно строчный код, без пробелов и переноса строк. Рекомендуется применять данное форматирование CSS в том случае, когда не планируется дальнейшее вмешательство и правки css кода.

 

Сжатый код css

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

Интересная функция остаётся в разработке (на этот момент) которая позволяет отсортировать CSS в алфавитном порядке или по длине стилей.

Оптимизация

Ваше слово