Онлайн-сервис сжатия CSS кода

Чуть раньше, в теме Сжатие JavaScript кода онлайн, мы уже рассмотрели один очень полезный онлайн-сервис, который позволяет нам сжимать JavaScript код.

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

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

Пользоваться данным онлайн-сервисом сжатия CSS кода довольно просто. Для этого скопируйте в буфер обмена CSS код, который Вам необходимо будет сжать, перейдите на сайт онлайн-сервиса CSS Compressor, вставьте из буфера Ваш CSS код в поле CSS Input:, выберите один из четырех уровней сжатия (Highest, Hight, Standard или Low) и нажмите на кнопку Compress.

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

Принцип работы данного онлайн-сервиса по сжатию CSS кода сводится к тому, что сжатие кода производится не только за счет удаления символов пробела, табуляции, переноса строк и удаления лишних знаков точки с запятой, но и за счет более краткой записи используемых в стилях цветов. Например, цвет, записанный как "#000066" будет преобразован в "#006".

При этом, в поле Messages:, онлайн-сервис csscompressor.com покажет Вам, какие преобразования для уменьшения CSS кода были произведены. Вы увидите, на сколько был уменьшен размер Вашего кода. Например, на скриншоте выше, можно видеть, что и так довольно сжатый код удалось еще уменьшить на 8% или 51 байт (с 638 до 587 байт).

Как и в случае со сжатием JavaScript кода, мы бы рекомендовали Вам оставлять у себя на компьютере не сжатую (исходную) версию CSS кода, т.к. в дальнейшем, она может пригодиться Вам при внесении изменений в дизайн сайта, т.к. работать со сжатой версией будет не совсем удобно.

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