Когда открываешь свое дело, кажется, что самое сложное — это придумать идею, найти поставщиков и запустить рекламу. Первые два пункта мы осилили. Мы — это я и мой партнёр, два бывших менеджера по продажам, которые решили уйти в свободное плавание с интернет-магазином необычных аксессуаров для гаджетов.
Рекламу мы тоже запустили. И тут началось то, что выжгло изрядную долю нашего энтузиазма каленым железом. На сайте нет продаж. Вообще. Ноль. При том, что трафик был. Люди заходили, смотрели, иногда даже кидали товары в корзину и исчезали.
Эта история о том, как мы прошли путь от отрицания и поиска проблем в дизайне до жестких технических раскопок, которые спасли наш бизнес. И о том, как ускорение сайта превратило нас из убыточного проекта в стабильно растущую компанию.
Глава первая. Эйфория сменяется паникой
Первые две недели после запуска мы жили в розовых очках. Мы смотрели в Яндекс.Метрику и видели визиты. «О, ещё один зашел!», «Смотри, смотри, листает каталог!». Мы наивно полагали, что продажи — это дело времени. Нужно просто подождать, пока люди «созреют».
Но шли дни, а заказов не было. Ну как не было — был один заказ от мамы партнера и один от моего друга. Скидочные, естественно. Мы списали это на неудачную неделю, потом на конец месяца, потом на начало месяца.
Когда счетчик посещений перевалил за тысячу, а продажи так и остались на уровне «семейный подряд», мы запаниковали. Мы начали делать то, что делают все неопытные предприниматели: менять кнопки местами. «А давай сделаем корзину красной?», «А может, уберем лишние поля из формы?», «А давай попробуем попап с 3% скидки через 15 секунд?».
Это не помогало. На сайте нет продаж — этот диагноз висел на нас ярлыком, который мы отчаянно пытались отодрать. Мы уже начали подозревать, что товар никому не нужен, и пора всё закрывать. Решение пришло оттуда, откуда не ждали. От моего партнёра, который как-то вечером в бессильной злобе запустил сайт на своем допотопном ноутбуке через мобильный интернет.
— Слушай, — сказал он, глядя на крутящуюся заглушку. — Пока этот сайт загрузится, я успею чайник вскипятить. Как люди это терпят?
Мы открыли сайт на нескольких устройствах. На айфоне через 4G — вроде терпимо. На нормальном компьютере дома — летает. Но мы поймали себя на мысли, что 90% наших клиентов — это люди, которые листают ленту в офисе или в метро по пути домой. У них не самый новый телефон и не самый быстрый интернет.
Важный момент, о котором мы раньше не задумывались: дело не только в терпении пользователя. Современные алгоритмы поисковиков давно оценивают поведенческие факторы. Если человек зашел и тут же закрыл вкладку — это сигнал для Яндекса и Google: «плохой сайт, неинтересный». И тебя опускают в выдаче. Ты платишь за рекламу, приводишь людей, они уходят из-за тормозов, поисковик видит отказы и понижает тебя. Получается, ты своими руками (и своим медленным сайтом) уничтожаешь собственный бюджет.
Мы открыли инструменты разработчика в браузере. То, что мы увидели, повергло нас в шок. Наш «легкий и красивый» сайт весил как слон. Тяжелые картинки, неоптимизированный код, куча подключенных скриптов, которые грузились одновременно. Всё это тормозило не только отрисовку страницы, но и, как мы потом поняли, отпугивало поисковые системы.
И тут мы осознали главное: люди уходят не потому, что им не нравится цена или товар. Они уходят, потому что устали ждать. Они даже не видят товар! Пользователь кликает по ссылке, видит белый экран или «прелоадер» дольше 3 секунд и закрывает вкладку. Это происходило с каждым вторым нашим посетителем.
Мы начали гуглить. Мы наткнулись на исследование Amazon о том, что каждая секунда задержки стоит им миллиардные убытки. Страшно представить, сколько теряли мы с нашими копеечными оборотами. В тот момент мы четко сформулировали для себя задачу: как повысить продажи, если единственный инструмент — это скорость. Мы ещё не знали, что ускорение сайта станет нашим главным спасательным кругом и потребует полного аудита.
Самостоятельно разбираться в коде мы не решились. Наши знания ограничивались админкой CMS. Нужен был кто-то, кто не просто «починит», а проведет аудит и объяснит, что делать. Нам нужен был технический эксперт.
Долго выбирали подрядчика и наткнулись на компанию, которая не просто предлагала услуги, а реально показывала математику. Они не говорили абстрактно «у вас всё плохо», они присылали расчеты. И, кстати, у них на сайте мы нашли очень полезную страницу, которая помогла нам понять масштаб трагедии еще до личного разговора.
Там был наглядный прикид потерь в зависимости от времени загрузки. Советую любому владельцу магазина для начала зайти сюда: рекомендации по измерению и контролю сайта. Это отрезвляет лучше любой холодной воды.
Мы объяснили ребятам свою боль: на сайте нет продаж, трафик есть, корзины бросают. Они задали всего один вопрос, который поставил нас в тупик: «А вы знаете, сколько секунд грузится ваш сайт по данным Google PageSpeed?». Мы не знали.
Первое, что сделала команда — провела аудит. Результаты были неутешительными. Наш сайт грузился в среднем 7-8 секунд на мобильных устройствах. Это был приговор. Эксперты объяснили, что Google давно использует скорость загрузки как один из факторов ранжирования. Получался замкнутый круг: сайт тормозит — его опускают в выдаче — мы покупаем ещё больше рекламы — приходим на сайт — он тормозит еще сильнее.
Но была и хорошая новость. Нам показали, что большинство проблем решаются без кардинальной перестройки сайта. Оказалось, что наши «тяжелые» фотографии товаров (каждая по 5 мегабайт!) можно сжать без потери качества в 10 раз. Что скрипты соцсетей и счётчики, которые мы навешали «для аналитики», можно загружать асинхронно, чтобы они не блокировали отрисовку страницы.
Мы утвердили план работ. Основные усилия были направлены на ускорение сайта. Процесс включал в себя:
Вся магия заняла около двух недель. Когда мы получили сайт назад, мы не поверили своим глазам. Он стал не просто быстрым, он стал другим. Исчезла эта неприятная задержка при открытии корзины, фильтры в каталоге срабатывали мгновенно, фотографии «выскакивали» сразу. Мы впервые почувствовали, что настоящее удобство сайта складывается из миллисекунд.
После технических доработок мы, конечно, задались вопросом как повысить продажи с помощью этого всего. Но на самом деле вопрос уже не стоял — продажи поползли вверх сами. Мы просто замерили результаты через месяц после внедрения изменений.
Вот сухая статистика:
Цифры доказали: грамотное ускорение сайта окупается не улучшением показателей в админке, а живыми деньгами на счету.
Но самое главное — изменилось общее восприятие ресурса. Удобство сайта возросло колоссально. Навигация стала отзывчивой, кнопки нажимались сразу, форма заказа не подвисала. Покупатель перестал испытывать фрустрацию, ему стало приятно находиться в магазине. Мы вернулись к доработке дизайна, но теперь уже как к инструменту улучшения пользовательского опыта, а не как к попытке залатать дыры.
Сейчас, оглядываясь назад, я понимаю, как много времени и денег мы потеряли из-за того, что гнались за «красивой картинкой», забывая о технической начинке. Мы думали, что разбираемся в продажах, но упустили из виду банальную физику — скорость передачи данных.
Особенно обидно осознавать, что мы сливали рекламный бюджет. Представьте: вы платите, допустим, 100 рублей за клик. Приходит 100 человек, каждый заплатил 100 рублей — вы отдали 10 000 за трафик. Если сайт тормозит, половина уходит. Вы выбросили 5000 рублей на ветер. А если бы сайт летал, эти же люди, возможно, купили бы. Получается двойной убыток: прямые деньги на рекламу плюс упущенная прибыль.
Если вы читаете это и узнаете себя, не повторяйте наших ошибок. Не ищите проблему в товаре или в рекламном креативе, пока не проверите техническую базу. Спросите себя:
Ускорение сайта — это не прихоть сеошников, это база выживания в современной электронной коммерции. Это фундамент, на котором строятся продажи. Вы можете нарисовать самый лучший лендинг, написать самые продающие тексты, но если он будет грузиться как в 90-х, ваш бизнес обречен.
Сейчас мы планомерно работаем над дальнейшим ростом и точно знаем, что делать, если показатели вдруг поползут вниз. Мы навсегда усвоили урок: в вопросе как повысить продажи и начинать нужно с кода, хостинга и скорости, а заканчивать дизайном и маркетингом. И да, мы все еще работаем с ребятами из Технодзен — они ведут наш проект по технической части, а мы занимаемся своим делом: продаем крутые аксессуары и радуем клиентов. Ведь теперь у нас для этого есть всё: отличный товар и действительно быстрый, удобный сайт.