Сегодня пользователи привыкли в любой ситуации первым делом искать информацию на смартфонах, а значит их опыт взаимодействия с мобильным сайтом компании влияет на финальное решение о покупке. Понимая важность мобильного трафика для бизнеса, интернет-магазин KUPIVIP.RU провел серию работ по снижению времени загрузки сайта. В результате коэффициент мобильных конверсий из органического поиска вырос на 52%, а из платной выдачи — на 23%.

О KUPIVIP.RU

KUPIVIP.RU – крупнейший в России игрок в сфере электронной коммерции, лидирующий в сегменте моды со скидками. Компания была основана в 2008 году, сегодня она работает на рынках России, Белоруссии и Казахстана. KUPIVIP.RU меняет стандарты покупки модных товаров, предлагая распродажи до 90% на престижные мировые бренды.

Запуск мобильного сайта: сайт на поддомене vs адаптивная верстка

В августе 2016 года, не желая терять клиентов, заходящих на сайт магазина со смартфонов, компания запустила мобильный сайт с адаптивной версткой. В отличие от сайта на поддомене, адаптивный дизайн имеет ряд преимуществ. К примеру, на единой платформе маркетологам проще вести рекламные кампании и проводить аналитику. Кроме того, после анонса принципа mobile-first1, в рамках которого быстрые2 mobile-friendly сайты будут получать более высокий рейтинг в выдаче, а значит и больше органического трафика, Google рекомендует3 именно адаптивную верстку.

Однако у адаптивных сайтов есть и свои минусы, в частности масса технических ограничений, мешающих сделать страницы легче. Так как KUPIVIP.RU работает в том числе с регионами, специалистам компании важно, чтобы их сайт был удобен для работы клиентам, находящимся в областях с низким качеством мобильного интернета. Именно поэтому они решили провести серию обновлений, направленных на ускорение работы сайта.

Работа над оптимизацией скорости мобильного сайта и ее результаты

На первом этапе команда KUPIVIP.RU совместно со специалистами Google провела исследование текущей скорости и удобства сайта с помощью инструмента TestMySite. В его основе лежит Webpagetest, который помогает оценить качество работы сайта на 3G-соединении. Таким образом, была выявлена первоочередная задача — снижение веса страниц мобильного сайта KUPIVIP.RU.

Для этого было произведено дробление скрипта app.js. Он представляет собой все JavaScript-скрипты, используемые на сайте, собранные в один файл. Его недостаток — размер, а следовательно низкая скорость загрузки. Для устранения этой проблемы, файл был разбит на несколько мелких файлов в зависимости от типа страницы: главная, каталог, карточка и т.д. Также было сокращено количество загружаемых элементов в каталоге, например, товаров и акций.

Благодаря этому подходу компании удалось увеличить быстродействие интерфейса на стороне клиента: среднее время загрузки страниц сократилось с 8 до 5 секунд, а их вес уменьшился на 20%. Повторное тестирование сайта инструментом Webpagetest показало отличные результаты: Speed Index — метрика среднего время загрузки видимой части страницы сайта — сократился в 2 раза. При этом начало отрисовки сайта снизилось с 5 до 4 секунд, а это значит, что стала быстрее происходить установка первоначального соединения и загрузка критических ресурсов для начала работы сайта.

Но самое главное, ускорение работы сайта сказалось на росте бизнес-показателей компании: коэффициент конверсии мобильного сайта из органического поиска вырос на 52%, а из платной выдачи — на 23%. Уже сейчас доля в доходе с мобильного сайта для компании составляет 21%. Кроме того, специалисты KUPIVIP.RU отмечают, что наблюдается и кросс-девайсное поведение пользователей сайта. 20% их клиентов изучают информацию о товаре со смартфона, но совершают финальную покупку на десктопе. А значит, эффект от обновления сайта еще сильнее сказывается на доходности компании.

Оптимизация скорости работы сайта — сложная и длительная работы, состоящая из множества шагов. Учитывая высокие результаты, которые получила компания благодаря первым обновлениям, KUPIVIP.RU собирается продолжить работать над улучшением опыта взаимодействия мобильных пользователя с сайтом. В ее дальнейших планах — снижение времени загрузки сайта до 3 секунд. В частности, за счет разделения CSS стилей по типам страниц и устройствам и оптимизации партнерских скриптов.

Читайте также:

Создание качественного мобильного сайта: инструкция по применению

1Barry Schwartz. Google advice: Switch your m-dot domain to responsive before the mobile-first index rollout

2Amit Singhal, Google Fellow and Matt Cutts, Principal Engineer, Google Search Quality Team. Using site speed in web search ranking

3Matt McGee. Google’s mobile-first index likely not coming until 2018 at earliest