Скорость сайта: почему клиенты уходят и как ускорить

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

Почему медленный сайт теряет клиентов

У человека, который пришёл с рекламы или из поиска, нет причин ждать. Он вас не знает, у него открыто ещё пять вкладок конкурентов, и каждая секунда ожидания снижает вероятность, что он останется. Это работает даже без цифр из исследований: вспомните, как вы сами закрываете сайт, который «думает».

Есть и вторая сторона. Поисковые системы учитывают скорость при ранжировании и отдельно смотрят на мобильную версию. Медленный сайт получает меньше бесплатного трафика, а реклама на него обходится дороже, потому что часть оплаченных кликов уходит впустую. Подробнее о том, что ещё влияет на позиции, в статье «SEO для малого бизнеса».

Как измерить за пять минут

Не нужно верить ощущениям. Возьмите два инструмента, оба бесплатные.

1. Секундомер и телефон. Выключите Wi-Fi, откройте сайт в режиме инкогнито по мобильной сети и засеките, когда появился первый текст и когда страницей стало можно пользоваться. Если больше трёх-четырёх секунд, проблема есть.
2. Сервис проверки скорости. У Google это PageSpeed Insights, у Яндекса есть свои отчёты в Вебмастере. Введите адрес, получите оценку отдельно для телефона и компьютера и список конкретных замечаний: какие картинки тяжёлые, какие скрипты мешают, сколько ждёт сервер.

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

Смотрите на мобильную оценку в первую очередь: с телефонов приходит большинство посетителей, и там всё медленнее. Как проверить остальное на телефоне, мы разобрали в статье «Мобильная версия сайта: что проверить за 10 минут».

Что тормозит чаще всего

За годы работы с сайтами малого бизнеса набор причин почти не меняется. Вот они в порядке частоты.

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

Что можно исправить самому

Часть работы не требует программиста, только внимания и админки сайта.

• Картинки. Перед загрузкой уменьшайте фото до размера, в котором оно показывается на сайте. Карточке товара не нужен кадр 4000 пикселей в ширину. Бесплатные сервисы сжатия убирают половину веса без видимой потери качества.
• Виджеты. Пройдитесь по списку подключённых сервисов. Чат, которым никто не пользуется, старый счётчик, виджет соцсети с обновлениями: всё это грузится у каждого посетителя. Оставьте только то, что реально приносит заявки.
• Главная страница. Слайдер из восьми баннеров, автоплей видео и три карусели отзывов на первом экране красиво выглядят на презентации и плохо работают у клиента на телефоне. Один сильный заголовок и одна кнопка грузятся быстрее и продают лучше.

После каждого изменения прогоняйте проверку заново. Так вы увидите, что именно дало эффект, и не будете чинить то, что не сломано.

Что делать только с разработчиком

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

• Настройка кэширования на сервере и сжатия ответов. Одна из самых результативных мер, но требует доступа к настройкам хостинга.
• Отложенная загрузка скриптов и картинок ниже первого экрана: страница показывает главное сразу, остальное подгружает по мере прокрутки.
• Уборка в коде после нескольких подрядчиков: старые стили, дублирующиеся библиотеки, скрипты от давно удалённых блоков.
• Переезд на другой хостинг, если сервер отвечает медленно независимо от содержимого. О том, как выбрать, читайте в статье «Хостинг для сайта малого бизнеса».

Если сайт старый или собран на конструкторе, который не даёт менять код, часто выгоднее не чинить, а собрать заново с учётом скорости с первого дня. При разработке под ключ мы закладываем сжатие картинок, кэш и минимум скриптов в базовую сборку, доплачивать за «ускорение» потом не приходится. При подписке за 3 000 ₽ в месяц хостинг и обновления на нашей стороне, и за скоростью следим мы.

Как понять, что стало лучше

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

С чего начать

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