Как ускорить загрузку сайта.

Быстрая загрузка сайта это основа для непрерывного роста трафика, хорошей выдачи в поиске (на первых строчках). Если страницы сайта быстро загружаются, то это говорит о том, что техническая часть работы вашего сайта на высоте и робот поисковик будет к вам весьма лоялен. Впрочем, как и ваши читатели. Так что нужно конкретно изменить для ускорения загрузки страниц блога?

Как проверить параметр “Быстрая загрузка сайта”.

Я проверял двумя способами:

  1. Сервис быстрой проверки на скорость загрузки сайта: Перейти: http://tools.pingdom.com/ Заходите туда, вставляете в окошко “Test Now” адрес своего сайта и нажимаете на эту же кнопочку. Через несколько секунд вы увидите вот такую картинку: Проверка скорости загрузки сайта

Конечно, есть над чем работать! Ниже этой картинки есть таблицы с более подробными данными о вашем сайте. Теперь наша задача провести ряд действий по улучшению работы сайта и сравнить результаты.

2. Второй способ это тоже бесплатный сервис: Перейти: https://developers.google.com/speed/pagespeed/insights/ . Здесь так же проверяете скорость загрузки любой конкретной страницы сайта или всего сайта в целом. Я об этом упоминал в предыдущей статье “Как разместить рекламу Гугл на сайте”.

Появится вот такое окно: Проверка скорости загрузки веб-страницы

Таким образом, мы имеем в своем активе статистику быстроты загрузки сайта и рекомендации сервиса по улучшению ситуации.

Как ускорить загрузку сайта.

Для ускорения своего сайта по рекомендации Гугл нужно сначала оптимизировать изображения. Для этого есть всевозможные платные и бесплатные сервисы. Но дело в том, что с их помощью можно уменьшать «вес» картинок до размещения их на своем сайте. А мне нужно оптимизировать картинки, которые уже есть на сайте в медиабиблиотеке. Я нашел два метода оптимизации.

  1. Первый и более продвинутый это метод когда скачиваешь на свой компьютер папку uploads со своего хостинга. В ней будут все картинки сайта. Затем можно их оптимизировать при помощи бесплатной программы XnConvert. Ее вы можете найти через поисковик в интернете и скачать себе на компьютер. Я не буду подробно описывать этот способ, т.к. я воспользовался другим.
  2. Второй способ это установка плагина EWWW Image Optimizer. В админ. панели своего сайта на вкладке плагины вводите в поисковую строку название этого плагина. Затем устанавливаете и активируете его. Теперь пройдемся по настройкам.

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

* Вкладка дополнительные настройки. Все оставляем как есть кромеотключено pngout”. Там стоит галочка. Мы ее убираем и нажимаем кнопку “сохранить”. Затем в верхней части этой же страницы, там, где указан статус плагина, нажимаем кнопку развернуть, и видим информацию об установленных утилитах. Ищем среди них pngout. Нажимаем напротив названия “автоматически установить” и ждем несколько секунд. Должно появиться “pngout: Установлен версия: Feb 21 2013”. У вас, возможно, будет уже более новая версия.

*Вкладка «Настройки конвертирования”. Я поставил галочку напротив “удалить оригиналы”. Это для того чтобы не занимали лишнее место после конвертации. Затем я поставил галочку напротив “JPG/PNG в WebP” и напротив “включите PNG для JPG конвертации”.

Вот и все. Это все настройки! В каждой вкладке не забудьте сохранить ваши настройки. Для того чтобы не запутаться нужно читать эту статью и параллельно ставить галочки в настройках плагина.

После того как вы все настроили нужно оптимизировать уже загруженные изображения. Для этого в верхней части страницы настроек плагина есть такая строчка “Новые изображения будут оптимизированы автоматически. Если же нужно оптимизировать загруженные ранее файлы, можно Оптимизировать их самостоятельно».  Нажмете на ссылку “Оптимизировать” и процесс пошел.

Такая оптимизация изображений ускорила загрузку моего сайта на 2 секунды. Но это еще не все.

Помните, что в рекомендациях Гугл еще нужно кэшировать страницы сайта. Для этого тоже есть простое решение.

- Я установил плагин Hyper Cache и еще несколько плагинов.

Как настраивать, и для чего он нужен не буду повторяться. Об установке дополнительных плагинов читайте в моей статье “Пять шагов по увеличению трафика на блоге» 

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

Скорость загрузки сайта

Как ускорить загрузку сайта.

Это уже лучше. Но есть и другие моменты:

  1. Нужно уменьшать количество запросов к вашему серверу. Для этого есть специальные технические приемы.
  2. Нужно размещать файлы CSS в начале, а javascript в конце вашей страницы.
  3. Нужно убрать из кода блога лишние несущественные элементы.
  4. Очень сильно ускоряет загрузку веб-страниц размещение изображений сайта на поддомене.
  5. Можно сжимать текстовые файлы в процессе загрузки при помощи Gzip- сжатия.  Кстати, помните вначале статьи картинку? Там время загрузки 5, 68 сек. Сейчас сервис выдал другой результат.

    Результаты загрузки веб-страницы после оптимизации.

    Результаты загрузки веб-страницы после оптимизации.

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


Развивайте свои блоги, монетизируйте их и получайте доход. Если нужен качественный контент, то его можно заказать на бирже копирайтинга Etxt.ru. Я здесь так же пишу статьи под заказ, а иногда и покупаю. Сейчас средняя цена на мою статью на этой бирже 350 рублей. Это примерно 3000 знаков. Обычно пишу я такую статью два часа. Так что вы тоже можете там зарабатывать или покупать статьи.


С уважением, Сергей Высторопов.

Получайте новые статьи блога прямо себе на почту, введите email:

Как ускорить загрузку сайта.: 1 комментарий

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://iscusstvotorgovli.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif