Доброго времени суток, уважаемые читатели блога hooka-mimi.ru. Давайте представим, что ваш блог растет не по дням а по часам и количество целевых посетителей также растет. С ростом посещаемости увеличиваются и нагрузки на ваш сервер, а следовательно от этих нагрузок страдает скорость загрузки вашего сайта или блога. Поэтому наша сегодняшняя тема – ускорение загрузки вашего сайта. Ею мы и займемся, я надеюсь что успею все изложить в удобочитаемом виде, пока не забыл. Параллельная наша с вами тема, которой мы посвятим часть этой статьи – это тема о том как снизить нагрузки на сервер вашего хостинга, за счет чего это возможно сделать.

Как эффективно увеличить скорость загрузки сайта.

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

В первую очередь нужно определиться с тем, какова скорость загрузки вашего сайта на данный момент. Для этого нам нужен Firefox со своим не безизвестным плагином firebug и дополнение Page Speed. После того как вы справитесь с установкой Page Speed в браузер firefox, вы сможете качественно и достоверно определить скорость загрузки сайта.

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

Здесь вы видете, что анализируемый сайт далек от идеала, много замечаний, отмеченных красным цветом. После выполнения всех анализов и исправление всех замечаний – можно поднять рейтинг, правда не факт что дойдете до 100 баллов. Кроме этого плагина есть еще много различных вариантов для наглядной оценки скорости загрузки сайта, вот некоторые из них:


После анализа своего блога я понял что пора начинать работать в направлении ускорения загрузки блога. Потому что анализ блога показал что скорость загрузки его составляет 3.3секунды, что не очень хорошо. Нужно прибегнуть к советам Page Speed для firefox.

А теперь давайте попробуем поискать плагины для wordpress для оптимизации страниц и оптимизации скорости загрузки сайта. Ну и, будем наверное действовать по советам плагина Page Speed и исправлять все по порядку.

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

Следующим шагом в оптимизации загрузки – будет обьединение внешних стилей CSS и Java-скриптов. Но, к сожалению, этим вопросом не владею, не владею даже основами Java. В принципе, рядовые блоги или вообще не используют скрипты или используют 1-2 файла, поэтому увеличение скорости будет незначительным и этот пункт можно пропустить. Но кроме объединения этих файлов, можно также настроить эффективное сжатие файлов в формате Gzip, чтобы качалось меньше и распаковывалось уже на компьютере пользователя. Конечно, также можно уменьшить размеры этих файлов с помощью грамотной оптимизации кода, но я увы, не настолько хорош, поэтому остается только попросить прощения. Возможно, со временем, придется разобраться с этими вопросами. Но это не генеральная тема на сегодня.

Снижаем нагрузку на сервер с помощью Gzip сжатия

Дело в том, что для ваших пользователей, которые с удовольствием просматривают ваши страницы, Gzip сжатие всегда будет осуществляться повторно в реальном времени, т.е. на лету и соответственно, чем больше пользователей – тем ниже скорость загрузки сайта для каждого из них. Кроме времени, которое увеличивается, увеличивается также нагрузка на процессор сервера. Что тоже может сказаться негативно на вашем сайте. К слову, любая возможность, которая может уменьшить нагрузку на процессор – должна быть использована. В принципе все что нужно понять из этого абзаца – это то, что Gzip сжатие должно осуществляться предварительно , а пользователю уже отдаваться готовые Gzip архивы.

После этих настроек на лицо будет небольшое увеличение скорости загрузки сайта и значительное уменьшение нагрузки на процессор сервера, где находится ваш блог.

Идем дальше про Gzip сжатие. Оказывается, что сжимать и передавать в сжатом виде можно не только скрипты, стили и картинки, но и сами страницы. Для этих целей можно использовать простой вариант – WP плагин Hyper Cache. В нстройках этого плагина есть галочка “Compression”, поставив которую мы активируем предварительное сжатие кешированных страниц. И серверу вашему не нужно будет это делать “на лету”, плагин все делает заранее.

На сто процентов утверждать нельзя, что плагин именно так работает, но после его установки – и активации, блог значительно ускоряется. Если ваш блог построен на Joomla CMS, а не на WordPress, то могу посоветовать плагины: jFinalizer и WEBO Site SpeedUp. Сам я работаю только с WordPress, поэтому не могу описать принципы работы и опираюсь только на отзывы знакомых и друзей.

Оптимизация изображений сайта

Оказывается не только код можно и нужно оптимизировать для ускорения работы вашего блога. Но это будет удобно только в случае небольшого количества изображений, которые нужно будет уменьшить по размеру без потери качества. Для пакетной оптимизации ваших изображений можно использовать онлайн сервисы (напр. PunyPNG или Smush.it), которые смогут оптимизировать ваши изображения (сжать) без потери качества. Все что вам нужно будет сделать – это скачать ваши картинки с сервера (это можно сделать с помощью total commander или FileZilla). Скормить эти картинки он-лайн сервисам, можно тем что я посоветовал и залить обратно на сервер. Что собственно должно произойти? В процессе оптимизации (сжатия) картинки – вы получите картинки нужных вам размеров, но которые занимают не пару мегабайт, а пару сотен килобайт. Это я утрирую конечно, но принцип такой.

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

По опыту и отзывам могу сказать, что самые быстрые сайты это статичные сайты. Но вот вопрос, как же сделать сайт на движке – статичным? Для этого вам может помочь плагин WordPress Really Static, его использовать на свой страх и риск. Я с ним пока еще не работал, поэтому опишу в будущих статьях. Если кто-то работал – прошу описать ваше мнение.

А пока рекомендую подписаться на обновления моего по почте, всегда ваш, hooka-mimi.ru


Понравилось? Расскажи друзьям: