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

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

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

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 знаков. Обычно пишу я такую статью два часа. Так что вы тоже можете там зарабатывать или покупать статьи.

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