Зачем мониторить скорость сайта?

Зачем мониторить скорость сайта?

К интернет-магазину нужно относиться как к любой технической системе - вашему автомобилю, серверу в офисе, отопительному котлу на даче. Любая техническая система нуждается в мониторинг и профилактике. Что делать, если тормозить сайт мы писали в одной из своих статей. f6b5a76ba9d898e69d76132cd0652809ПОМОГИТЕ! МОЙ САЙТ ТОРМОЗИТ!

В этой статье рассмотрим способы диагностики и мониторинга “тормозов” сайта. Может возникнуть вопрос - Почему так важна скорость сайта? Ну отрывается от 3-4 секунд, не так критично.

Половина клиентов ожидают, что сайт загрузится не дольше, чем за 2 секунды.Если скорость загрузки сайта выше 3 секунд, более 40% пользователей захотят с него уйти. Свыше 50% посетителей оценивают лояльность к компании по скорости загрузки их сайта. Ожидания загрузки сайта свыше предполагаемого снижают лояльность более чем на 16%.

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

Рассмотрим способы мониторинга, мы разделяем их на две группы:

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

  2. Средства анализа - с помощью таких программных средств можно не только замерять скорость, но и понять, что является причиной “тормозов”. Такие инструменты обычно используют для детального анализа, когда уже точно понимают, что сайт работает медленно.

Средства мониторинга

2.png

Нужный отчет находится в меню “Отчеты”-”Стандартные отчеты”-”Мониторинг”-”Время загрузки страниц”

3.png

Отчет имеет следующий вид:

4.png
  1. Время до отрисовки - это время до момента, когда на странице начнут появляться какие-либо элементы. Это важный показатель, т.к. Чем быстрее пользователь увидит страницу, тем лучше. Конечно, если на сайте все настроено верно и догрузка данных идет в фоне.

  2. Время до загрузки DOM - это время полной загрузки страницы, если оно большое, то пугаться не стоит, т.к. большинство загрузкой происходит в фоне и не влияют на пользовательский опыт. Полная загрузка может занимать достаточное время т.к. Средний размер страницы 2-3 Мб, при скорости интернета 20 Мбит/c такая страница загрузиться ~ 1 секунды к этому времени нужно прибавить еще время ответа сервера, время формирования страницы сервером и еще некоторые параметры. Поэтом размер страницы является важным фактором скорости загрузки, поэтому самая первая рекомендации по увеличению скорости - оптимизировать контент - сжать изображения без потерь, сжать скрипты

6.png

Нужный отчета находится в меню “Отчеты” - “Поведение” - “Скорость загрузки сайта” - “Время загрузки страниц”

7.png

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

Если ваш сайт разработан на CMS 1С:Битрикс Управление сайтом, то в административной панели уже есть виджет “Скорость сайта”, который показывает среднее время загрузки страниц для последних 1 000 пользователей. Плюс виджета также в том, что он показывает географическое распределение пользователей. По этим данных вы можете, например, сделать выводы и переносе сайта на сервера ближе к вашей целевой аудитории для увеличения скорости.

8.png
И самый 100% метод - секундомер :)
9.png

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

Средства анализа

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

10.png

Схема работы простая - вставляем в строку ввода ссылку на интересующую страницу и нажимаем “Анализировать”.

11.png

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

В большинстве случаев для вывода в зеленую зону достаточно оптимизировать изображения:

12.png

Если у вас есть такое предложение, то выполнить вы его можете и самостоятельно - заменив все изображения на сайте на сжатые без потерь, например, TinyPng или Optimizilla. Для пакетного сжатия изображений, например, каталога фото 1С мы пользуемся Riot.

В бесплатной версии сервиса возможно проверить скорость только для 4 геолокаций. Вставляем ссылка на интересующую страницу сайта, выбираем откуда тестировать и проверяем. Для использования сервиса нужны базовые знания английского языка.

13.png

После анализа система выдаст результат.

14.png

Все, что идет не зеленого цвета нуждается в оптимизации.

Данных достаточно много:
Общая страница по загрузке в разных разрезах.

15.png

Сводный график порядка и скорости загрузки страницы:

16.png

Еще один англоязычный сервис для оценки скорости загрузки страницы.
Работает аналогично - указываем ссылка, нажимаем анализ.

17.png

Результат представляется в таком виде:

18.png

Также все пункты не зеленого цвета нужно оптимизировать.
Например, сжатие страниц, с указанием неоптимальных фото:

19.png

Самое главное, что нужно помнить, что много данных не бывает, каждый сервис может дать вам новую информацию для анализа, поэтому мы рекомендуем на ежедневной основе использовать средства для мониторинга и как минимум 1 раз в месяц запускать средства для аналитика. Конечно, проверять нужно не весь сайт, а самые популярные страницы, в большинстве случаев это:

  • Главная страница

  • Страница каталога товаров

  • Карточка товара

  • Корзина

Популярные страницы для вашего сайта вы сможете найти в Яндекс.Метрике - “Отчеты”-”Стандартные отчеты”-”Содержание”-”Популярное”:

20.png

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

21.png

icon
Напишите нам и мы свяжемся с вами в ближайшее время!
Отзывы ( 0 )
Написать отзыв
К сожалению, отзывов пока нет :(