Рейтинг:  1 / 5

Звезда активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

Как сделать сжатие CSS файлов.

Сегодня заглянул на один хороший русский сервис по измерению скорости загрузки сайтов WEBO.
И увидел не очень приятную картину измерив скорость своего сайта.
Впринципе скорость не плохая, но это пока сайт ещё только только начинает свою жизнь. Можно сказать чистенький ещё.

Меня удивило больше всего то что долго грузятся CSS файлы шаблона. Со скриптами тоже самое.
Немного посмотрел рекомендации WEBO, и решил узнать каким способом можно сжать CSS.

Оказывается это очень легко. Для этого в интернете есть специальный сервис - Clean CSS.
Он правда на английском, но там легко разобраться.

Сжатие CSS-файлов

В большое окно копируете код CSS файла, или указываете адрес файла в интернете. Выбираете настройки. По умолчанию там стоит среднее сжатие, с сохранением читабельности. Я такое и оставил. И нажимаете Process CSS. Через несколько секунд вам под всеми окошками выдают уже очищенный CSS файл. В окошечке указывают, что изменилось, размер исходного и размер очищенного.

Так я загрузил файл template.css обьёмом 28120 байт на выходе получил 15030 байт.
Потом template_ie6.css , _ie7.css, _ie8.css в итоге их сократили почти на 80% они получились по 400 - 500 байт!!! Потом всё это залил на хостинг и проверил работоспособность и скорость сайта. Всё отлично работало. А скорость загрузки CSS уменьшилась до 0.003 секунды при скорости 100Мб/сек.

Это примерно ускорение в браузере около 1-2 секунд при загрузке сайта пользователем.

Можно и сильнее сжать, но я боюсь что браузер не поймёт и недай бог начнёт глючить.

Следующий эксперимент буду ставить для сжатия скриптов. Они тоже тормозят сайт очень хорошо.

Всего хорошего!!!

Разгони свой сайт при помощи WEBO - скидка 10%

Разгони свой сайт за считанные минуты

X

Инструкция по планированию сайта
С чего начать создание сайта?

Инструкция по созданию сайта

  • Инструкция по созданию сайта
  • Шаблон для составления плана сайта
  • Чек-лист по этапам создания сайта

* Никакого спама. Гарантирую!