Блог

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

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

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

В этой статье рассмотрим способы диагностики и мониторинга “тормозов” сайта. Может возникнуть вопрос - Почему так важна скорость сайта? Ну отрывается от 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

← Возврат к списку

Социальные сети vs Интернет-магазина
Социальные сети vs Интернет-магазина
ЧТО ЛУЧШЕ ДЛЯ БИЗНЕСА?
Можно или нет продавать в онлайне ювелирку?
Можно или нет продавать в онлайне ювелирку?
Зачем оптовику сайт?
Зачем оптовику сайт?
Самый лучший фильтр!
Самый лучший фильтр!
Компания ЮвелирСофт поздравляет вас с наступающим 2019 годом!!!
Компания ЮвелирСофт поздравляет вас с наступающим 2019 годом!!!
Желаем солнечного настроения!
Интеграция с Яндекс.Маркет
Интеграция с Яндекс.Маркет
Как писать письма так, чтобы вас не возненавидели?
Как писать письма так, чтобы вас не возненавидели?
Пишите письма мелким почерком...
Что делать, чтобы создание сайта не стало долгостроем?
Что делать, чтобы создание сайта не стало долгостроем?
Мобильное приложение заемщика ломбарда
Мобильное приложение заемщика ломбарда
Редизайн нового сайта
Редизайн нового сайта
Интеграция 1С и Битрикс: Управление сайтом
Интеграция 1С и Битрикс: Управление сайтом
CRM Битрикс24 для продаж
CRM Битрикс24 для продаж
SSL сертификат - что это и зачем нужно?
SSL сертификат - что это и зачем нужно?
Помнить всё!
Помнить всё!
Использование Битрикс24 для повышения личной и командной эффективности.
Интернет-маркетинг
Интернет-маркетинг
Как увеличить количество заказов на сайте?
Хочу каталог Эстета!
Хочу каталог Эстета!
К чему нужно приготовиться
Как правильно выбрать хостинг для сайта?
Как правильно выбрать хостинг для сайта?
Оптимальное соотношение «цена-качество»
Помогите! Мой сайт тормозит!
Помогите! Мой сайт тормозит!
Что делать если сайт работает не так быстро, как нужно?
Чек-лист по выбору готового сайта
Чек-лист по выбору готового сайта
Обязательные функции готового сайта