Увеличить скорость загрузки сайта с помощью CSS.

0
398

Многие блогеры задаются вопросом, как же увеличить скорость загрузки своего сайта!?По данному запросу в интернете можно найти множество статей,начиная от ускорения сайта путем CSS компрессинга,заканчивая установкой плагинов для хеширования сайта.Для каждого сайта свое.Ниже я расскажу,что помогло мне.

Оптимизация CSS-стоит или нет!?

Как ни странно,но начал я именно с CSS.Благо,данных в интернете по ускорению сайта путем оптимизации CSS много.Набрел я на статью “Оптимизация (сжатие) CSS в Page Speed — как отключить внешние файлы стилей и объединить их в один для ускорения загрузки” на блоге http://ktonanovenkogo.ru/.

Данный мастер предложил оптимизировать CSS путем компрессинга файла или данных файла CSS с помощью стороннего сервиса Page Speed.

Ну что-ж,подумал я,можно и попробовать.

Page Speed-чудо плагин или как же ты работаешь!?

Начну с общего рассказа о плагине.

Page Speed — плагин для wordpress,увеличивающий скорость загрузки сайта путем оптимизации CSS.

Page Speed-плагинВот так выглядит этот плагин при его установке через поиск плагинов в wordpress.

Настройка плагина Page Speed

А вот так выглядят настройки данного плагина.

Не буду ничего объяснять,поскольку лично для меня данный плагин оказался бесполезным.Скорость загрузки сайта ни капли не повысилась,следовательно,либо я что-то делаю не так,либо, что верней всего,плагин просто не работает на моем блоге.

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

Всегда делай бэкап

Кому интересно подробнее прочитать про метод увеличения скорости сайта путем работы с Page Speed – добро пожаловать на первоисточник. А я продолжу дальше.

Компрессор CSS csscompressor.com.

Более простым методом оптимизации CSS является онлайн компрессор csscompressor.com.

Css компрессор

Тут все просто:копируем содержимое файла стилей (css) в окно “CSS исходный код”, выбираем нужную степень сжатия и нажимаем “Сжимать”.Чутка ждем.

Получаем окно со сжатым кодом.Не смотрите,что там написано сжатый JavaScript,приложение именно CSS сжимает,как нам и надо.

Справа от окна со сжатым кодом видим результат и эффективность сжатия кода.

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

Есть,конечно один ресурс,который не преабразует Ваш код в азбуку морзе,вот этот ресурс:http://www.styleneat.com/.

преобразование CSSНо,опять-таки,я не ощутил особого ускорения своего блога,преобразовав CSS с помощью этого сервиса,зато обнаружил вот такой веселый баг,благодаря преобразованию кода стилей:

косячки

Еще можно проверить данный код на ошибки,с помощью приложения http://jigsaw.w3.org/css-validator/#validate_by_input, но об этом позже,да и нужно данное приложение лишь тем,кто реально шарит в CSS.

Подведем итоги ускорения сайта с помощью CSS.

Я,конечно,разобрал еще не все способы улучшения css-кода для поднятия скорости сайта,но с уверенностью могу сказать одно:

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

Прошу Вас прислушаться к моему совету: ВСЕГДА ДЕЛАЙТЕ БЭКАП САЙТА ПРИ ЕГО ОПТИМИЗАЦИИ.

Лично мое мнение по поводу оптимизации CSS- не стоит!Но это мое мнение.

С удовольствием прочитаю Ваше мнение или опыт ускорения сайта посредством CSS.