Как определить скорость сайта и ускорить

Определить скорость сайта сможет даже начинающий блогер. Эта публикация поможет новичкам в инфобизнесе с первых минут взять под контроль этот важный параметр. Быстрее сайт — больше посетителей, выше конверсия, ранние доходы.

Как определить скорость сайта и ускорить

В этой теме:

  • Что такое ранжирование конверсия.
  • Как влияет скорость сайта на ранжирование и конверсию.
  • Какой использовать инструмент для оценки скорости загрузки веб-страниц.
  • Как устранить проблемы с загрузкой.
  • Как оптимизировать изображения.
  • Как оптимизировать базу данных сайта.
  • Как произвести кэширование.
  • Сколько плагинов использовать на сайте.
  • Какой оптимальный режим работы плагинов.

Известно, что скорость загрузки веб-страниц влияет на ранжирование сайта в поисковых системах. Чем выше скорость, тем лучше позиции сайта.

Ранжирование

Например, пользователь Интернета ищет через Яндекс или Google «узнать скорость сайта». В Яндексе сайт известного seo блогера Devaka занимает 4 место, а сайт Inettools 51 место. Используем онлайн-приложение Google PageSpeed Insights и выясняем, что лидер Devaka загружается со скоростью 67/100 (очень неплохо), аутсайдер Inettools – 26/100.

Конверсия

В данном случае под конверсией имеется ввиду соотношение числа посетителей, сделавших определенный запрос (например, «узнать скорость сайта») к количеству посетителей, нашедших сайт в поисковике (например, сайт Devaka).

Надеемся, вы понимаете, что пользователь не будет перелистывать пять страниц поиска, чтобы найти интересующую его информацию. По статистике, пользователи просматривают первые страницы поисковой выдачи. К слову сказать, неспешный Inettools сам предлагает посетителям различные онлайн-приложения и инструмент по измерению скорости загрузки веб-страниц. Или «сапожник без сапог», или очередной «гуру инфобизнеса». Улыбнуло)

opredelit-skorost-sajta

По результатам оценки скорости Google PageSpeed Insights рекомендации по ускорению сайта. Одна из них касается оптимизации изображений на вашем сайте:

  1. Настройте размеры изображений. Если в справке темы не указано иное оставьте пока настройки как есть.
  2. Загружайте на сайт фотографии и другие изображения в формате JPG.
  3. Периодически сжимайте изображения плагином WP Smush.

Шаг 1. Сжатие изображений

1.1. Активируйте плагин WP Smush. «Консоль» + «Плагины» + «Установленные» + «Активировать WP Smush».

1.2. Нажмите кнопку Bulk Smush 50 Attachments.

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

opredelit-skorost-sajta-1

1.3. Деактивируйте плагин WP Smush.

Включайте плагин WP Smush при загрузке медиафайлов на сайт. В этом случае не будет необходимости часто делать сжатие всех изображений, как описано в пункте 1.2.

Окончательную настройку размеров изображений сделаем во время изучения темы Как вставить изображение на сайт.

Шаг 2. Кэширование и оптимизация сайта

Для увеличения скорости загрузки сайта используйте плагины WP Optimize и WP Super Cach в следующей последовательности.

2.1. Активируйте плагин WP Optimize. «Консоль» + «Плагины» + «Установленные» + «Активировать WP Optimize».

2.2. Откройте плагин.

2.3. Отметьте галочками все позиции, содержащие количество «мусора».

2.4. Нажмите кнопку Process и оптимизируйте базу данных.

2.5. Отключите плагин WP Optimize.

2.6. Откройте плагин WP Super Cach.

2.7. Нажмите кнопку «Удалить весь кэш».

opredelit-skorost-sajta-3

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

Шаг 3. Администрирование

  1. При работе в консоле (админке) сайта открывайте только одну вкладку в браузере.
  2. Используйте на сайте не более 10 плагинов. В будущем по возможности заменяйте их скриптами и темой с функцией «Поддержка специальных возможностей». Кроме того, через несколько уроков мы удалим плагин WP Optimize с сайта. Для оптимизации базы данных мы внесем изменения в код сайта на хостинге.
  3. Отключайте плагины, которые необходимы только для администрирования сайта и не влияют на его работу для посетителей. На сегодняшний день к ним относятся: WP Optimize, WP Smush.

Теперь вы знаете как определить скорость сайта и сможете ее контролировать. Расскажите в комментариях: какая скорость у вашего сайта, поделитесь секретами ускорения.

Кстати, при покупке премиум темы, спросите у автора: какая у темы скорость загрузки. Попросите при оценке скорости использовать сервис PageSpeed Insights. Помните, что:

Если страница набрала более 85 баллов, значит она загружается быстро.

 

tema-wordpress-Infobiz

Посмотреть тему

На следующем занятии мы закончим окончательную настройку темы и начнем наполнять сайт контентом: статьями, новостями, фотографиями и т. п.

Марина Белоусова

Преподаватель-эксперт в области прикладных социально-экономических программ Центра компьютерного обучения «Специалист» при МГТУ им. Н.Э. Баумана. Директор специальных и краудфандинговых проектов Российского агентства развития информационного общества. Владелец интернет-проектов под брендом Эксперт BTL.

5 Responses to “Как определить скорость сайта и ускорить”

  1. Юля says:

    спасибо! сегодня несколько сайтов замеряла. интересно!

  2. Екатерина Мнишек says:

    Здравствуйте! А если изображений на сайте еще нет, нужно ли устанавливать плагин WP Smush?

    • Yaroslaw says:

      Да, можно установить сейчас. Но активируйте его только на период загрузки изображений. Например, когда будете добавлять фото автора, изображение для шапки, фавикон, картинки для страниц и записей. Следите, чтобы изображения имели формат JPG. Плагин WP Smush сжимает только их. Главное. не забывайте выключать плагин после загрузки и автоматической обработки. Будут вопросы, спрашивайте.

  3. Дмитрий с Буридо says:

    Померили скорость сайта. У нас 88 баллов. Правильно понимаем, что это хорошо?

    • Yaroslaw says:

      Это хорошо! Постарайтесь сохранить скорость сайта на таком же высоком уровне.

Поделитесь своим инсайтом

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>