Содержание
Любой сторонний код на сайте — счётчик, карта, чат — что-то загружает, и вопрос «не станет ли сайт медленнее» справедлив. Для правильно сделанного виджета чата ответ такой: на загрузку самой страницы он почти не влияет. Объясним, почему, и покажем, как это проверить.
Как устроен код чата
Код, который вы вставляете на сайт, — это не сам чат, а короткий загрузчик из нескольких строк. Он делает три вещи:
- создаёт на странице ссылку на файл виджета;
- помечает её как асинхронную;
- после загрузки файла запускает виджет с ключом вашей компании и выбранным цветом.
Что значит «асинхронно»
Обычный скрипт браузер загружает и выполняет сразу, останавливая на это время построение страницы. Асинхронный — загружается параллельно: браузер продолжает показывать текст, картинки и кнопки, а чат появляется, когда будет готов. Если сервер чата вдруг ответит медленно, посетитель этого не заметит — просто кнопка чата появится на секунду позже.
Код Simon работает именно так. К тому же он стоит в самом конце страницы, перед </body>, — к этому моменту содержимое уже показано.
Почему чат не ломает оформление сайта
Окно чата Simon открывается в отдельной рамке — iframe. Это как маленькая независимая страница внутри вашей. Стили сайта не влияют на чат, а стили чата — на сайт: шрифты, цвета и отступы остаются нетронутыми. На самой странице виджет добавляет только кнопку в правом нижнем углу.
Влияет ли чат на позиции в поиске
Поисковые системы учитывают удобство страницы: как быстро появляется основное содержимое и не «прыгает» ли оно при загрузке. Асинхронный виджет в конце страницы на эти показатели влияет минимально: он не задерживает содержимое и не сдвигает его, потому что кнопка закреплена поверх страницы в углу.
Косвенно чат может даже помогать: посетители, получившие ответ, дольше остаются на сайте и реже возвращаются в поиск.
Как проверить самостоятельно
- Измерьте скорость страницы до установки чата в PageSpeed Insights или в инструментах разработчика браузера (вкладка «Сеть»).
- Установите чат и повторите измерение несколько раз — результаты колеблются от запуска к запуску, сравнивайте средние значения.
- Откройте сайт с телефона через мобильный интернет: текст и картинки должны появляться раньше кнопки чата.
Что действительно замедляет сайт
Если страница грузится медленно, причина обычно не в чате:
- тяжёлые картинки без сжатия;
- несколько виджетов сразу — два чата, всплывающие окна, обратный звонок, карта;
- скрипты в разделе
<head>, загружаемые без асинхронности; - медленный хостинг.
Практические советы
- Оставляйте на сайте один чат. При смене сервиса удаляйте старый код — см. «Как перейти на другой онлайн-чат».
- Вставляйте код так, как его выдал сервис, не переносите в head и не оборачивайте в свои скрипты.
- Если плагин оптимизации объединяет скрипты, добавьте код чата в исключения.
- Проверьте чат на телефоне — там скорость важнее всего. Об этом статья «Онлайн-чат на мобильной версии сайта».
Безопасен ли код чата
Виджет Simon запускается только на домене, который вы указали в настройках, — на чужом сайте с вашим ключом он не заработает. А о том, какие данные посетителей обрабатывает чат и что об этом нужно знать бизнесу, мы писали в статье «Персональные данные в онлайн-чате».
