бесплатные DNS, почта, Private Person

Сжатие CSS кода

CSS — от англ. Cascading Style Sheets — каскадные таблицы стилей. Это язык описания внешнего вида веб страниц вашего сайта, написанного с использованием языка разметки.

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

Сжатие CSS кода — позволит загружаться вашему сайту быстрее, а за счет сжатия передаваемых данных немного снизится нагрузка на сервер при большой посещаемости сайта. И вывод — лучшее ранжирование в поисковых системах.

Как и в примере со сжатием кода HTML — главное правило:

Меньше вес страницы — быстрее загрузка.

стандартные процедуры:
— удаление комментариев
Пример: /* Это комментарий */

— удаление пробелов.
Прочитайте статью про очистку кода HTML.

Медиа-запросы

Хочу дополнить тем что есть медиа-запросы помеченные знаком @ . Содержимое идет в фигурных скобках { }
К примеру: @media print {
….
body{background:none!important;color:#2b2b2b;font-size:12pt}
.entry-header{background:transparent}
.header-main{padding:48px 10px}
….
}
Вот как раз в рамках медиа-запроса и надо оптимизировать  это содержимое.

Сжатие CSS онлайн

Также можно воспользоваться сжатием CSS онлайн.
Использую такой сервис:  CSS оптимизатор

ставлю следующие параметры:
+ Сжатие: (высокое — сносная читаемость, маленький размер)
— Исходный CSS
— Сортировать имена стилей (осторожно)
+ Сортировать свойства
+ Перестроить имена стилей (соединять элементы с одинаковыми свойствами)
+ Оптимизировать shorthands (осторожная оптимизация)
+ Сжатие цветов
+ Сжатие шрифтов
Для параметров:
— Нет
+ Нижний регистр
— Верхний регистр
+ Удалите ненужные обратные слэши
+ Удалить последний ;
— Удалить недействительные свойства
+ CSS 2.1
— CSS 2.0
— CSS 1.0
— Добавить timestamp дату

Где:
«+» — активированный параметр;
«-» — неактивированный параметр.

После чего вставляете свой код CSS и после нажатия оптимизировать CSS — получаете результат хорошего сжатия кода.
Такой полученный код можно смело вставлять на свой сайт.

Внимание! На всякий случай старый код сохраните в блокноте на свой компьютер!