Ускорение интернет-магазина велосипедов BikeSalon в 12 раз: переход на UMI.CMS 14

О клиенте

Bikesalon.ru — это интернет-магазин велосипедов BikeSalon для тех, кто не мыслит своей жизни без велосипеда. В каталоге порядка 20 000 наименований из коллекций лучших велосипедных брендов мира: Specialized, Merida, Giant, Cube, Trek, Cannondale, Haro, Dahon, Scott, Bulls, Smart, Silverback, Montague и многих-многих других.

Ситуация

Сайт достался агентству А25 в наследство от предыдущих разработчиков. Красивый, но не без недостатков. На момент начала работ по ускорению сайта заказчика velospec.ru работал на UMI.CMS 2.9 и не обновлялся уже более трёх лет (3 года? А25 были удивлены, что прошлые разработчики ленились 1 раз в год обновить своему клиенту и настолько запустили сайт). Главная страница магазина грузилась 2.08 секунд (что клиента уже не устраивало), страница товара — целых 6,5 секунд, что для интернет-магазина неприемлемо. Медленная скорость загрузки мешала развитию сайта и его продвижению. Мобильная или адаптивная версия сайта отсутствовала, что делало загрузку сайта на смартфонах и планшетах ещё более медленной и неудобной для покупателей.

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

Задачи проекта

Перед проектом стояли 2 ключевые задачи:

• ускорить загрузку типовых страниц (Главная, Страница раздела каталога, Страница товара, Корзина) для поисковых систем;
• повысить лояльность покупателей за счёт быстрой загрузки сайта.

Выбор исполнителя

Ключевым критерием при выборе исполнителя стал опыт подрядчика по настройке и ускорению сайтов на UMI.CMS. Для реализации проекта заказчик выбрал интернет-агентство А25, которое обладает соответствующей компетенцией и опытом в оптимизации быстродействия сайтов и магазинов на UMI.CMS.

Решение

На основе анализа сайта клиенту были предложены следующие шаги по ускорению:

1. Оперативное решение вопроса: оптимизация настроек сервера и внутренняя настройка сайта, очистка от устаревших данных, отключение неиспользуемых модулей.
2. Аудит загрузки типовых страниц и пошаговая оптимизация самых сложных скриптов.
3. Обновление сайта до UMI.CMS 14.

Оперативное ускорение (шаг 1)

Работы заняли 5 рабочих дней, вместе с первичным обсуждением ситуации и согласованием приоритетных работ по сайту — 12 дней.

Аудит быстродействия сайта и оптимизация кода (шаг 2)

После оптимизации настроек сервера и чистки сайта изнутри А25 выделили три скрипта, препятствующих быстрой загрузке сайта.

Вместо стандартного кастома по выдаче товаров после фильтрации использовался кастомный скрипт. Соответственно, на него не действовала базовая оптимизация, заложенная разработчиками UMI.CMS. То есть вместо стандартных возможностей UMI.CMS по выдаче товаров после фильтрации использовался кастом прошлых разработчиков, который работал не так эффективно. Покупатель выбирает, например, «Горные велосипеды Cannondale» — и очень долго ждёт, пока нужные ему товары отобразятся на странице. При поиске со смартфонов браузеры вовсе отказывались загружать результаты запроса, поскольку время загрузки страницы истекло. Чтобы избавиться от данной проблемы, потребовалась перевёрстка этой части сайта и небольшая работа по модификации фильтров.

Страница бренда обладала другим сложным скриптом, тормозящим скорость загрузки на 0,26 секунд из 0,76 секунд загрузки всей страницы — 33% времени! Приоритет проблемы был невысокий, поскольку общее время генерации страницы составляло менее 1 секунды, но для общей оптимизации А25 настроили механизм кеширования.

Страница товара (самая важная для интернет-магазина) потребовала самого глубокого анализа скриптов. Один из кастомных скриптов предыдущих разработчиков тормозил время загрузки страницы товара на 5,4 секунды из 6,2 секунды генерации всей страницы — съедал почти 87% времени). Решением проблемы стала оптимизация кода и настройка кеширующего механизма с обновлением раз в 3 часа.

До работ на всех страницах грузилось достаточно большое количество внешних ресурсов. В частности, на главной странице грузилось порядка 300 файлов. На странице товара — порядка 280 файлов. Это достаточно много. Чтобы избежать этого, было предложено воспользоваться механизмами минимизации и сведения воедино файлов стилей и скриптов, а также механизмом распараллеливания загрузки картинок с разных доменов — это позволяет распределить все загружаемые на странице картинки на несколько потоков, что существенно ускоряет загрузку страницы.

Обновление до UMI.CMS 14 (шаг 3)

В рамках работ по ускорению А25 решили не изобретать велосипед и предложили воспользоваться последними наработками платформы, на которой работает интернет-магазин. В релизе последней на момент работ версии UMI.CMS 14 была введена альтернативная реализация всех модулей, выросла производительность системы и устойчивость к нагрузкам.

В момент обновления возникли несколько конфликтов в работе сайта, которые были решены разработчиками А25 и техспециалистами UMI.CMS.

В результате конфликтов многочисленных кастомных настроек сайта обновление проходило в три этапа и заняло 5 рабочих дней, после каждого этапа проводилось тестирование работоспособности всех функций сайта, обнаруживались новые задачи, требующие решения, сайт откатывался до последнего бекапа (магазин не должен был простаивать, поскольку работы проводились летом — в горячий сезон для продажи велосипедов). Далее выполнялись требуемые настройки, запускалось новое обновление с тестированием и т.д.

Из-за хостинга многие автоматические настройки при обновлении приходилось прописывать вручную. На третий день обновлений хостинг обновил собственные настройки, что потребовало новых действий со стороны А25 для корректировки настроек для успешного обновления до UMI.CMS 14. Результат того стоил и превзошёл обещанное UMI.CMS «ускорение в 2 раза».

Что важно учесть при обновлении до UMI.CMS 14

ВАЖНО:

• настройки хостинга должны соответствовать требованиям UMI.CMS.
• кастомы для сайтов должны быть настроены корректно. Коллеги-разработчики, не подставляйте своих клиентов при разработке сайта решениями «сейчас сделаю за часик, не совсем удобно, конечно, но работает ведь!». Чем больше таких «костылей» в сайтах, тем сложнее (и дороже для клиента) становится любая доработка и сайт теряет очень много от возможностей UMI.CMS.

Результаты ускорения сайта

Время — деньги. Простые решения — быстрый сайт.

1. По результатам комплекса работ скорость загрузки главной страницы уменьшилась с 2,08 до 0,46 секунд (в 4,5 раза быстрее!).

2. Скорость загрузки страницы товара уменьшилась с 6,5 до 0,54 секунд (в 12 раз быстрее!).

В итоге клиент получил возможность наладить процесс развития своего сайта и закрыть горячий сезон успешнее по сравнению с прошлым годом.

Развитие проекта

В ходе работ по ускорению клиент согласовал перенос сайта с TPL на XSLT для дальнейшего ускорения сайта.

На сегодняшний день работы по переносу находятся в завершающей стадии.

Слово клиенту