Ускорение загрузки страниц сайта

Как звучит известная поговорка: «Хочешь изменить Мир – начни с себя», такое же правило действует и в продвижении сайтов: «Хочешь продвинуть сайт – начни с оптимизации сайта». Под оптимизацией сайта, а именно его программного кода я подразумеваю сделанную по общепринятым правилам верстку сайта, правильные ответы сервера, дизайн, юзабилити, перелинковку и все-все другое, что непосредственно относится к внешнему и внутреннему содержанию сайта.

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

Немногие знают, но я на этой недели поменял хостинг для всех своих сайтов. Попросту надоело, что сайты разбросаны по различным хостингам — это не удобно при оплате услуг и правке кода сайтов, с одного аккаунта необходимо переключаться на другой. Брррр. Я решил, собрать все сайты на одном виртуальном хостинге от beget.ru там же, я нашел интересный раздел под названием «Диагностики сайта» в котором можно проверить необходимую информацию о работе сайта: ответы сервера, скорость загрузки и рекомендации по оптимизации.

До начала оптимизации, у блога были следующие показатели.

На скриншота видно, какие процессы больше всего занимают время на загрузку страниц сайта:

1. GET director_468x60.swf – это процесс загрузки .swf баннера от trustlink процесс длиться практически 2 секунды, что очень долго
2. 0.334 секунды занимает процесс открытия картинки, которой не существует;
3. Полсекунды пользователь ждет, пока все файлы сгенерируются в одну html страницу на сервере
4. Плюс страницу «подгружают» всевозможные подключения в Google+, Вконтакте, Facebook и Twitter которые необходимы для функционирования социальных кнопок.

Ускоряем загрузку баннера при помощи копирования flash-баннера к себе на сайт и загрузку именно со своего сайта, а не сайта TrustLink. Как результат, скорость открытия баннера с 1.6 секунды сократилась на 0.3 секунды.

При помощи FireBug ищем пропавшую картинку и через CSS убираем ее загрузку.

Сокращаем размер CSS файла при помощи сервиса cleancss.com и по возможности все CSS стили объединяем в один файл. Скорость генерации страницы ускорилась с 502ms до 18ms не плохой результат, не правда ли?

Как я проанализировал, самая популярная кнопка на моем блоге это «Tweet Buttom» на другие кнопки, читатели моего блога практические не нажимают. Так зачем же их грузить тогда? – подумал я и убрал загрузку всех кнопок за исключением кнопки поделиться в Твиттере (кстати, буду рад если Вы ее нажмете).

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

А Вы ускорили свой сайт?

Комментарии — 2 комментария

  1. #18433 dlimonov в 22:20, 5 августа 2012: (подписался)

    Ответить | Цитировать

    Крутая штукенция, спасибо.
    Ранее всегда пользовался tools.pingdom.com/fpt/
    Попробуйте, тоже неплохо

  2. #18528 Юрий в 8:29, 7 августа 2012:

    Ответить | Цитировать

    Спасибо. обязательно воспользуюсь. Хотя у меня и так быстро грузится)))

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting